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.

Add some styles on last message on the home page

View previous topic View next topic Go down

Solved Add some styles on last message on the home page

Post by betclever on November 27th 2014, 10:54 pm

Hello,

Is it possible to add the same background/style or table I don't know as on forumotion on my forum?

Please find a print screen for more details:



Thanks,


Last edited by betclever on November 27th 2014, 11:39 pm; edited 1 time in total

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by _Twisted_Mods_ on November 27th 2014, 11:03 pm

you want to style the post rows?

add this to your css

acp>display>pictures&colors>colors>css tab

Code:
.row {
    border-radius: 10px;
color:white;
background-color:black
}
and

Code:
.row:hover {
color:black;
background-color:blue;
}

:hover - means on mouse over
color - font color
background-color - pretty much says
border-radius - is the roundness of the corners


if you need any other options just ask

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on November 27th 2014, 11:04 pm

Here is the CSS selector for that area:
Code:
dd.lastpost {
    CSS code
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on November 27th 2014, 11:05 pm

Hi guys,

What shall I do cause SLgray sent another code.
Which one shall I use to add the same style on my forum?

Thanks,

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on November 27th 2014, 11:09 pm

My code changes what is in the last post column: text, date, topic title, etc.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on November 27th 2014, 11:20 pm

Ok, apparently, something is wrong in the code cause please see what I get after the change:




There is no change on "last post" but the complete bar is rounded.

PS: this is on my testforum.

My website is www.betclever.net

Can I use the same colors as on the mine?

Thanks,

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on November 27th 2014, 11:24 pm

You have to add !important to each line of CSS you add.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on November 27th 2014, 11:32 pm

Like this?

.row {
border-radius: 10px;
color:white !important;
background-color:#E0F4FF !important
}

.row:hover {
color:black !important;
background-color:blue !important;
}

dd.lastpost {
CSS code
}

If yes, it doesn't work and no change Sad

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by Mati on November 27th 2014, 11:33 pm

Add this in your CSS

Code:
.topiclist.forums dd.lastpost {
  background-color: #f0f7fc;
  border: 1px solid #d7edfc;
  border-radius: 3px;
  margin: 6px;
}

Mati
Active Poster

Posts : 1882
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on November 27th 2014, 11:38 pm

Hey Mati,

It works!

Thanks to you all,

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on November 27th 2014, 11:39 pm

You're welcome. Is this solved now?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by betclever on November 27th 2014, 11:39 pm

Yes yes, thanks,

betclever
Forumember

Posts : 209
Reputation : 2
Language : english

http://www.betclever.net

Back to top Go down

Solved Re: Add some styles on last message on the home page

Post by SLGray on November 27th 2014, 11:41 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

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