The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

code to format the look of a future post?

View previous topic View next topic Go down

Solved code to format the look of a future post?

Post by boffer10 on December 14th 2011, 5:46 pm

Our forum has post number 100,000 approaching in a month or two. I would like to make it a big surprise for the poster who writes #100,000. I have found this code to change the post background color/image of a future post.

Spoiler:

Code:
/*-----------------------MAKES AN INDIVIDUAL POST BG CHANGE COLORS-----------*/
#p100000.post.row1{background-color:#b016b8;
      background-image: url(http://i47.servimg.com/.../body-b10.png);
      background-position: top left;
      background-repeat:repeat;
      text-indent:0px;}

#p100000.post.row2{background-color:#b016b8;
      background-image: url(http://i47.servimg.com/.../body-b10.png);
      background-position: top left;
      background-repeat:repeat;
      text-indent:0px;}

/*------------------------------END CHANGE POST COLOR-----------------*/

My question: Is there a way to put text into post 100,000 ahead of time? Example: Can I make the words "Congratulations...You're a Winner!" show up in post 100,000 when it is posted?

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: code to format the look of a future post?

Post by Guest on December 14th 2011, 7:50 pm

First, you don't need two rules to change the post itself. You only need this (make sure to replace the "..." in the background image URL with whatever belongs there!):

Code:
#p100000.post{background-color:#b016b8;
      background-image: url(http://i47.servimg.com/.../body-b10.png);
      background-position: top left;
      background-repeat:repeat;
      text-indent:0px;}
And here's the CSS you need to add a short message to the post:

Code:
#p100000 .content:before {display:block; margin-bottom:5px; height:30px; line-height:30px; background:#fff; font-size:18px; text-align:center; content:'Congratulations!';}
Please note that this will not work with IE7. Since so few people use IE7 anymore, this shouldn't be an issue.

Guest
Guest


Back to top Go down

Solved Re: code to format the look of a future post?

Post by boffer10 on December 14th 2011, 8:07 pm

Thanks a lot, Dion. This is going to be fun, and I learned a couple things!





EDIT>>this topic is completed.


Last edited by boffer10 on December 14th 2011, 8:12 pm; edited 1 time in total (Reason for editing : complete button disappeard)

boffer10
Forumember

Male Posts : 311
Reputation : 10
Language : english
Location : Go Seahawks!

http://squarefoot.creatingforum.com/

Back to top Go down

Solved Re: code to format the look of a future post?

Post by Jophy on December 14th 2011, 11:56 pm

Topic Solved & Moved

Note: You can also help the staff member's work by EDITING your topic and marking it as solved.

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum