Friendstertutorials.com » Rounded Borders For Comment/Testi Boxes

Rounded Borders For Comment/Testi Boxes

Contributed by Angel on October 8th, 2008 Categories: External CSS Codes, Tricks and Tweaks

4,849 Views

(+2 rating, 1 votes)

Loading ...

Simply paste the codes below in your CSS file or use this tutorial: Compiling, Uploading and Saving CSS Codes.

Works in Mozilla only

/* PUBLIC COMMENTS CONTENT*/
.publiccomments div div .dtd {
  width: 100%;
}
.publiccomments div div .dtd ul {
  padding: 2px 2px 2px 2px;
  overflow: hidden;
border-width: 1px;
border-color: #A4F224;
border-style: dashed;
  text-align: left;
  width: 380px;
  height: auto;
 -moz-border-radius: 30px;
  -webkit-border-radius: 25px; 
}


.commonbox .evenrow { background-color: transparent; }
.boxcontent, .fitem1wrapper { padding: 11px 11px 1px 11px; }
.publiccomments div div .dtd ul {   
  font-family: franklin gothic book, tahoma;
  color: #FFFFFF;
  font-size: 10px;
  text-transform: uppercase; background-color: #191919; background-image: 
url() !important; background-repeat: repeat 
!important; background-position: center center !important; background-attachment: scroll !important; -moz-border-radius:  10 10px 10 10px; 
text-align:left; width:380px; height: 100%; overflow: hidden; padding: 2px 2px 2px 2px;}

.publiccomments div div .dtd ul:hover{  
  font-family: franklin gothic book, tahoma;
  color: #FFFFFF;
  font-size: 10px;
  text-transform: uppercase; background-color: #191919; -moz-border-radius: 10 10px 10 10px; height: 100%; min-height: 75px; 

height:auto 
!important; height:75px; }
.data img, .data embed {max-width: 380px;}

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks