The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

how to change the background on this side?

3 posters

Go down

In progress how to change the background on this side?

Post by Guest April 25th 2013, 10:12 pm

how to change the background on this side? Untitl11
how to change the background on this side? bwi
forum: http://bee-stars.forumid.net/
avatar
Guest
Guest


Back to top Go down

In progress Re: how to change the background on this side?

Post by kirk April 26th 2013, 3:58 am

lecet98 wrote:how to change the background on this side? Untitl11
how to change the background on this side? bwi
forum: http://bee-stars.forumid.net/



Should be able to do it with CSS code.
What do you want background image or color?
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

In progress Re: how to change the background on this side?

Post by Guest April 26th 2013, 10:12 am

kirk wrote:
lecet98 wrote:how to change the background on this side? Untitl11
how to change the background on this side? bwi
forum: http://bee-stars.forumid.net/



Should be able to do it with CSS code.
What do you want background image or color?

of course color Smile
avatar
Guest
Guest


Back to top Go down

In progress Re: how to change the background on this side?

Post by Jophy April 26th 2013, 10:14 am

Hello,

If you mean like we have here on our posts(staff members) he on the support forum, see this thread:
https://help.forumotion.com/t121245-how-to-add-gradient-to-staff-messages?highlight=gradient
Jophy
Jophy
ForumGuru

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

Back to top Go down

In progress Re: how to change the background on this side?

Post by Guest April 26th 2013, 10:42 am

for all members
Ex: how to change the background on this side? Untitl12
avatar
Guest
Guest


Back to top Go down

In progress Re: how to change the background on this side?

Post by Sanket April 26th 2013, 10:50 am

Display>Templates
General
Click on Edit corresponding to viewtopic_body
Then find this bit of code.
Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
                          </span>

Instead of that, replace it with this code.
Code:
<div class="xyz"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
                          </span></div>
Then Save, Publish the template.


Now add this bit in your css. Change the Image URL to whatever you want.
Code:
.xyz{
 background-color:#ff0000 !important;
}
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Back to top

- Similar topics

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