WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Accolade at lastpost

View previous topic View next topic Go down  Message [Page 1 of 1]

1Accolade at lastpost Empty Accolade at lastpost Tue Mar 20, 2012 12:42 am

The Unique

The Unique
Registered Member
Registered Member
I want to put a accolade at lastpost ..
Like this:

Code:
ul.forums .lastpost:after {
content: " ";
height: 35px;
position: absolute;
display: block;
width: 11px;
background-repeat:no-repeat;
background-position: center;
background: url(http://www.elegantthemes.com/preview/CherryTruffle/wp-content/themes/CherryTruffle/images/separate.png);}

But the code don't look good...
Accolade at lastpost Lastpo10

2Accolade at lastpost Empty Re: Accolade at lastpost Tue Mar 20, 2012 8:48 am

ankillien

ankillien
Administrator
Administrator
Hi,

You can try adding margins to position the "}" image, like this...

Code:
ul.forums .lastpost:after {
content: " ";
height: 35px;
position: absolute;
display: block;
width: 11px;
background-repeat:no-repeat;
background-position: center;
background: url(http://www.elegantthemes.com/preview/CherryTruffle/wp-content/themes/CherryTruffle/images/separate.png);
margin-top: -35px;
margin-left: 180px;
}

Change the values for adjustment of position.

View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Accolade at lastpost

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