4Rum Kết Nối
Mời bạn ghé thăm FanPage " Hội Tìm Người Tâm Sự"
https://www.facebook.com/hoitamsu
4Rum Kết Nối
Mời bạn ghé thăm FanPage " Hội Tìm Người Tâm Sự"
https://www.facebook.com/hoitamsu
4Rum Kết Nối

Mời Bạn Ghé Thăm Fanpage Hội Tìm Người Tâm Sự Theo Link https://www.facebook.com/hoitamsu
 
Trang ChínhTrang Chính  Latest imagesLatest images  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng Nhập  

Share
 

 code css cho blog opera hehe

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Admin
Admin
Admin


Tổng số bài gửi : 726
Reputation : 19
Birthday : 20/05/1988
Join date : 12/10/2010
Age : 35
Đến từ : phú thọ

code css cho blog opera hehe Empty
Bài gửiTiêu đề: code css cho blog opera hehe   code css cho blog opera hehe EmptySat Dec 18, 2010 12:55 pm

Code:
/*
   Copyright Opera Software. Design by Fred.
    Skin edited by Pham Lam - http://phamlam.info;
        Modified by Thuy Hien - http://www.duyhien.com;
        Perfected by Khanh Quang - http://my.opera.com/khanhquang
        Graphics by Antonisblue - http://my.opera.com/antonieblue
   Date: 10/02/2007
   Note: Nếu bạn sử dụng skin này xin vui lòng ghi rõ nguồn gốc tác giả của skin trên blog của bạn.

*/

 
/* :: MAIN LAYOUT :: */

body {
   background:#ffffff;
   margin:0;
   padding:0;
   font-family: Tahoma,Verdana, Arial,'lucida grande','lucida sans unicode','bitstream vera sans','trebuchet ms',arial,sans-serif;
   font-size:13px;
   line-height:145%;
   text-align:center;
   color:#111;
   }


#wrap1 {
   BACKGROUND: url(http://files.myopera.com/danquynh/love/wrap2.jpg) center top no-repeat; MARGIN: 0px auto;
}

#wrap2 {
   BACKGROUND: url(http://files.myopera.com/danquynh/love/wrap4.jpg) center bottom no-repeat; MARGIN: 0px auto;
}
#wrap3 {
   background:transparent ;
   margin:0 auto;
   width:758px !important;
   padding-left:10px;
   padding-right:10px;
        padding-bottom:130px
      }





#edittitle {
   padding-top:29px;
   }

#top {
   font-size:11px;
   width:778px   !important;
   height:235px;
   margin:0 -10px;
   text-align:left;
   color:#f86fdd;
   background: transparent;
   }

#top2 {
   height:109px;
   padding-left:80px;/* chua chinh 520px/34px*/

   }

#top h1 {
   margin:0;
   width:500px;
   font-size:25px;
   font-family:tahoma,arial,helvetica,sans-serif;
   line-height:normal;
   padding-top:50px;
   }

#subtitle {
   margin:0;
   width:500px;
   font-size:14px;
   }

#menu {
   clear:both;
   margin-right:40px;
        margin-top:80px;
   }

#menu ul {
   padding:0;
   margin:0;
   height:37px;/*chua chinh-xem lai*/
   }

#menu li {
   float:right;
   line-height:28px;
   height:37px;
   overflow:hidden;
   font-size:13px;
   list-style:none;
   width:11%;
   margin:1px 0 0 0;
   padding:0;
   }

#menu a {
   display:block;
   height:37px;
   color:#f86fdd;
   font-weight:bold;
   text-decoration:none;
   text-align:center;
   background:transparent;
   }


#menu a:hover {
   
   color:#f86fdd;
      
   }
#menu a#selected
   {
   text-decoration:none;
   }
#content, #footer {
   clear:both;
   position:relative;
   width:758px !important;
   text-align:left;
   margin:0 auto;
   }

#content {
   padding:0;
   }

#content li {
   margin:0;
   list-style-position:inside;
   }

#mainwrap {
   width:100%;
   margin-LEFT:-205px;
   padding-bottom:12px;
   float:right;
        }

#main {
   min-height:500px;
   margin-left:200px;
   padding-bottom:15px;
        }

#footer {
   clear: both;
   width:100%;
   height:15px;
   POSITION: relative;
   left: 5px;
   bottom:-125px;
   }
#footer p {
   margin:0 5px;
font-size: 9px;
   }

#footer a:link, #footer a:visited, #footer a:active {
   color:#000000;
   text-decoration:none;
   }

#footer #get {
   text-decoration:none;
   }

#footer #get:hover {
   text-decoration:none;
   }

/* :: SIDEBAR :: */


#sidewrap {
   width:190px;
   float:left;
        font-size:11px;
/*   overflow:hidden;*/
   }

#side a:link, #side a:visited, #side a:active {
   color:#000000;
   text-decoration:none;
   }
#side a:hover {
   color:#000000;
   text-decoration: underline;
   }   
#side li {
   font-size:11px;
   list-style-type:square;
   }

#side h2, #side caption {
   color:#f86fdd;
   background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x;
   font-size:11px;
   font-weight:bold;
   text-transform:uppercase;
   margin:0 0 1px 0;
   padding:6px;
   text-align:left;
   }

#side h2.feedheader {
   background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x;
   padding:6px;
   }

#side h2 a:link, #side h2 a:visited, #side h2 a:active {
   color:#f86fdd;
   text-decoration:none;
   }

.sidebox {
   background:#ffffff;
   margin-bottom:15px;
   }

.sidebox .pad {   
   background: #ffffff url(http://files.myopera.com/danquynh/love/sidebg.jpg) bottom right repeat-x;
   padding:5px;
   }

.sidebox p {
   margin:0;
   color:#444;
   }

#side h3 {
   font-size:11px;
   margin-bottom:0;
   }

/* :: GENERAL RULES :: */


.mobile {
   display:none;
   }

.rtl {
   display:block;
   text-align:right !important;
   }

a:link, a:active {
   color:#f86fdd;
   text-decoration:none;
   }

a:visited {
   color:#f86fdd;
   text-decoration:none;
   }

a:hover {
   text-decoration:none;
   color:#f86fdd;
   }

a.username:link, a.username:visited, a.username:active {
   color:#f86fdd;
   }

.center {
   display:block;
   text-align:center;
   }

.smilie {
   margin:0 3px;
   }

img {
   max-width:100%;
   }

.hide, .handheld {
   display:none;
   }

table {
   width:100%;
   }

p {
   margin:10px 0;
   }

td, th {
   text-align:left;
   vertical-align:top;
   }

pre, td, th, input, select {
   font-size:11px;
   }

code,pre {
   display: block;       
        padding:10px 6px;
        margin:0 0 10px 0;
        border: 1px dashed #aaa;
        background:#f9f9f9;
        overflow: auto;
      }

strong, b, em {
   font-weight:bold;
   }

blockquote {
   margin:10px 0 0 0;
   padding:0;
   }

em {
   font-style:normal;
   }

form, blockquote p {
   margin:0;
   padding:0;
   }

textarea {
   width:100%;
   height:150px;
   margin:0;
   }

h1 {
   font-size:20px;
   margin:0 0 8px 0;
   }

h2 {
   font-size:20px;
   margin:0 0 12px 0;
   }

h3 {
   font-size:13px;
   margin:12px 0 7px 0;
   }

h4, h5, h6 {
   font-size:12px;
   margin:10px 0 5px 0;
   }

img, abbr, acronym {
   border:none;
   }


ol, ul, li {
   font-size:12px;
   margin:0 0 10px 0;
   padding:0;
   }

#content li ul, #content li ol {
   margin:10px 0 10px 20px;
   }

ul.nobullets li {
   list-style-position:outside;
   list-style:none;
   }

.alpha li {
   list-style-type:lower-alpha;
   }

.nomarg {
   margin:0 !important;
   }

.clear {
   clear:both;
   }

div.clear {
   height:1px;
   line-height:1px;
   overflow:hidden;
   }

.left {
   float:left;
   }

.right {
   float:right;
   }

img.left {
   margin-right:10px;
   }

img.right {
   margin-left:15px;
   }

.small {
   font-size:11px;
   }

.block {
   display:block;
   }

div.avatar {
   width:52px;
   height:52px;
   border:1px solid #000;
   float:left;
   margin:0 8px 6px 0;
   background:#fff;
   }

.avatar img {
   display:block;
   margin:1px;
   max-width:50px;
   max-height:50px;
   }

.pagenav {
   clear:both;
   }

.pagenav a {
   color:#090;
   }

.arrow-prev {
   margin:0 4px -1px 0;
   }

.arrow-next {
   margin:0 0 -1px 4px;
   }

.col1, .col2 {
   margin-top:10px;
   width:49%
   }

.col1 {
   float:left;
   }

.col2 {
   float:right;
   }

.icon {
   margin:0 5px -3px 1px;
   }

.submit {
   font-size:11px;
   font-weight:bold;
   padding:3px 15px;
   }

.w100 {
   width:100%;
   }

.subheader {
   margin-top:-6px;
   }

.watchthis {
   padding-right:6px;
   }

.watch {
   margin:0 2px -1px 2px;
   }



/* :: COMMENTS :: */


.feedicon {
   margin-bottom:-3px;
   }

.comments h2 {
   font-size:13px;
   }

.comments {
   clear:both;
   }

.comment1 {
   clear:both;
   background:#ffffff;
   border:1px dotted #f86fdd;
   margin:15px 0;
   overflow:auto;
   }

.comments .bot {
   padding:10px;
   }

.comment2 {
   clear:both;
   margin:15px 0;
   width:100%;
   border:1px dotted #f86fdd;
   overflow:auto;
   }

.comments .c-avatar {
   float:left;
   width:58px;
   height:58px;
   border:1px solid #ccc;
   background:#fff;
   }

.c-avatar img {
   margin:4px;
   }

.comments .text {
   margin:0 0 0 69px;
   }

.comment-by {
   clear:both;
   color:#777;
   font-size:11px;
   margin:0;
   padding-top:6px;
   }

.editcomment {
   font-size:10px;
   margin:0;
   }

.editcomment a:link, .editcomment a:visited {
   color:#000;
   }

.permalink a:link, .permalink a:visited {
   color:#555;
   }
   
.del {
   color:#c00 !important;
   }

#addcomment {
   height:175px;
   }

#description, #writecomment {
   height:200px;
   }

#message {
   height:300px;
   }

#msubject {
   width:100%;
   }

/* :: ALBUM SLIDESHOW :: */

#albumslides, #albumslides a, #albumslides img {
   width:190px;
   height:143px;
   }

#albumslides {
   position:relative;
   background:#000;
   }

#albumslides a {
   position:absolute;
   display:block;
   top:0;
   left:0;
   }

/* - ALBUM CONTENT - */

#mypix {
   clear:both;
   width:100%;
   }

#mypix .thumb1, #mypix .thumb2 {
   width:50%;
   max-width:300px;
   background:#fff url(http://my.opera.com/community/graphics/users/8/photo1a.gif) top left no-repeat;
   margin:2px 0 3px 0;
   position:relative;
   }

#mypix div div {
        background:transparent url(http://my.opera.com/community/graphics/users/8/photo1b.gif) top right no-repeat;
   padding:0 25px 0 25px;
   height:253px;
   width:196px;
   }

#mypix .thumb1 {
   clear:both;
   float:left;
   }

#mypix .thumb2 {
   float:right;
   }

#mypix div p {
   font-size:11px;
   margin:0;
   color:#aaa;
   }

#mypix div div img {

   width:229px;
   height:172px;
   margin:15px 0;
   }

#mypix a:link, #mypix a:visited {
   color:#666;
   text-decoration:none;
   }

#mypix a:hover {
   text-decoration:underline;
   }

.photoviews {
   position:absolute;
   bottom:16px;
   left:16px;
   }

.photocomments {
   position:absolute;
   bottom:16px;
   right:40px;
   }

/* - ALBUM OVERVIEW - */

.albums {
   margin-top:12px;
   }

#main .editthis {
   clear:none;
   }

.albums p {
   margin:0;
   padding:0 0 8px 0;
   }

.albums h3 {
   margin:15px 0 10px 0;
   font-size:13px;
   }

.albums .clear {
   margin:0;
   }

.album1, .album2 {
   clear:both;
   padding-top:10px;
   border-top:1px solid #eee;
   }

.albumthumb1, .albumthumb2 {
   float:left;
   width:285px;
   height:221px;
   background:transparent url(http://my.opera.com/community/graphics/users/7/photo2.gif);
   }

.albumthumb1 img, .albumthumb2 img {
   width:237px;
   height:184px;
   margin:17px 0 0 22px;
   }

.albumimage {
   margin:6px;
   }

.albumnfo {
   margin-left:186px;
   }

.albumnfo .tags {
   font-size:10px;
   line-height:normal;
   text-transform:uppercase;
   }

.albums .access {
   margin-top:5px;
   }

.editimg {
   margin:6px 0;
   }

div.access {
   clear:both;
   margin-top:10px;
   border:1px dotted #cacac1;
   background:#f8f8f5;
   padding:5px 10px;
   }

div.access p {
   margin:0;
   font-size:10px;
   }

#albumlist li {
   list-style:none;
   list-style-position:outside;
   line-height:21px;
   background:transparent url(http://my.opera.com/community/graphics/users/7/albumlist.gif) 0px 3px no-repeat;
   padding:2px 0 4px 30px;
   }

#albumlist {
   padding-bottom:0;
   }

/* - BIG IMAGE - */

#frame1 {
   clear:both;
   width:100%;
   border:1px dotted #e38da6;
   }

#frame2 {
   padding:6px;
   }

#frame3 {
   position:relative;
   width:100%;
   background:#ffffff;
   }

#frame3 img {
   display:block;
   margin:0 auto;
   }

#frame3 p {
   margin:0;
   padding:6px 0 3px 0;
   background:#ffffff;
   text-align:center;
   }

.comments {
   margin-top:15px;
   }

#newcomment {
   margin-top:25px;
   }

#belowimage {
   clear:both;
   padding-top:10px;
   }

.preview {
   width:87px;
   float:left;
   text-align:center;
   margin:2px 0 5px 0;
   }

.preview img {
   margin:2px;
   }

.preview p img {
   margin-bottom:-1px;
   }

.preview div {
   width:85px;
   height:64px;
   background:#fff;
   border:1px solid #808c9c;
   }   
#desc {
   margin-bottom:10px;
   border:1px solid #777;
   padding:0 5px;
   }
/* :: BLOG :: */

#blogtools {
   background:#f3f3f3;
   }

.whisper {
   color:#555;
   background:#fbfbfb url(http://my.opera.com/community/graphics/users/whisp.gif) 5px 7px no-repeat;
   padding:7px 21px;
   border:1px dotted #aaa;
   margin:10px 5px;
   }

.whisper i {
   font-size:11px;
   color:#aaa;
   }

blockquote.bbquote, .post blockquote {
   background:#fff url(/community/graphics/q2.gif) 5px 5px no-repeat;
padding:5px 5px 5px 33px;
   margin:10px 5px;
   color:#555;
   /*padding: 30px 5px 5px 33px;
   margin:0px 5px;
   color:#555;
   font-style:italic;*/
   }

.comment2 blockquote.bbquote, .comment2 .post blockquote {
   background-color:#f6f6f6;
   }

.post {
   CLEAR: both;
   POSITION: relative;
   padding:0px 0 40px 0;
   margin-bottom:10px;
   width:100%;
   overflow:hidden;
   background:none;
   }
   
.stickypost {
   /*background: none !important */
   }
#firstpost {
   background: none;
   }

#lastpost {
   padding-top:0;
   background: none;
   }

.post .title {
   margin-bottom: 0;
/*   width: 100%;*/
   color: #f86fdd;
   overflow: auto;
        font-size:15px;
   }
   
.post .title a {
   float: left;
   padding: 2px 10px;
   background: none;
   text-decoration:none;
   text-transform:uppercase;
   font-family:tahoma;
   font-size:14px;
   color: #f86fdd;
   }
.post .title a:link {
   color: #f86fdd;
   }

.post .title a:hover {
   background: none;
   color: #f86fdd;
   text-decoration:underline;
   }
.post .title:hover:before {
   content"#"!important;
   color: #f86fdd;
   background:inherit!important;
   }

.postdate {
   padding: 2px 5px;
   margin:0 ;
   font-size:10px;
   line-height:normal;
   text-transform:uppercase;
   text-align:left!important;
   color:#000000;
   background: url(http://files.myopera.com/danquynh/love/postmeta.jpg) top left no-repeat;
   border-left:1px dotted #f86fdd;
   border-right:1px dotted #f86fdd;
   }
   
.post .tags {
   padding: 0px 5px;
   margin:0 0 2px 0;
   font-size:10px;
   line-height:normal;
   text-transform:uppercase;
   text-align:left!important;
   border-left:1px dotted #f86fdd;
   border-right:1px dotted #f86fdd;
   }

.content {
   margin-top:0px;
   padding:5px;
   border-left:1px dotted #f86fdd;
   border-bottom:1px dotted #f86fdd;
   border-right:1px dotted #f86fdd;
   }


.poster {
   margin-top:-10px;
   font-size:10px;
   text-transform:uppercase;
   }
.postinfo {
   clear:both;
   color:#666;
   margin-top:16px;
   font-size:10px;
   text-transform:uppercase;
   }

.postinfo img {
   margin:0 5px -1px 0;
   }

.postnav {
   clear:both;
   font-size:11px;
   height:23px;
   line-height:22px;
   border:1px solid #eee;
   border-width:1px 0;
   }

.postnav span.prv {
   float:left;
   }

.postnav span.nxt {
   float:right;
   }

.blognav {
   clear:both;
   margin-top:18px;
   text-align:right;
   font-size:11px;
   color:#888;
   }

.blognav p {
   margin:0;
   line-height:normal;
   }

.trackbacks {
   clear:both;
   margin:30px 0 10px 0;
   padding:5px 0;
   }

.trackbacks h2 {
   font-size:10px;
   font-weight:normal;
   color:#666;
   border:1px solid #eee;
   border-width:1px 0;
   text-transform:uppercase;
   }

.trackbacks ul {
   margin:10px 0 0 2px;
   }

.trackbacks li {
   color:#999;
   list-style-type:none;
   list-style-image:url(http://my.opera.com/community/graphics/users/2/doc.gif);
   padding-bottom:8px;
   line-height:10px;
   font-size:10px;
   }

.caption {
   display:block;
   text-align:center;
   }

.imgleft img {
   clear:left;
   float:left;
   margin:4px 10px 4px 0;
   max-width:48%;
   }

.imgright img {
   clear:right;
   float:right;
   max-width:48%;
   margin:4px 0 4px 10px;
   }

.img {
   display:block;
   margin:10px 0;
   }

.attach {
   margin:8px 0;
   display:block;
   padding-left:12px;
   background:#fff url(http://my.opera.com/community/graphics/icons/attach.gif) center left no-repeat;
   }

span.imgcenter {
   clear:both;
   display:block;
   text-align:center;
   margin:10px 0;
   }

#side .cdwn {
   background:transparent url(http://my.opera.com/community/graphics/users/2/clock.gif) top left no-repeat;
   padding:2px 0 5px 20px;
   border-bottom:1px solid #fff;
   margin-bottom:4px;
   }

.groupblog .postdate {
   margin:-2px 0 0 0;
   }

.groupblog .content {
   margin:2px 0 0 0;
   clear:left;
   }

.tagicon {
  float:right;
  margin-left:10px;
   }

.post .sticky {
   float:right;
   margin:0;
   font-size:10px;
   color:#ffffff;
   background:#fff url(/community/graphics/users/2/sticky.gif) top right no-repeat;
   padding:0 25px 0 4px;
   height:26px;
   line-height:20px;
   }

.alignright {
   text-align:right;
   display:block;
   }

.alignleft {
   text-align:left;
   display:block;
   }

.aligncenter {
   text-align:center;
   display:block;
   }

.alignjustify {
   text-align:justify;
   display:block;
   }

/* :: TAG CLOUD :: */

#tagcloud ul {
   margin:0;
   padding:0;
   width:100%;
   overflow:hidden;
   }

#tagcloud li {
   list-style-position:outside;
   list-style:none;
   float:left;
   line-height:20px;
   height:20px;
   margin:0;
   padding-right:12px;
   white-space:nowrap;
   }

#tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
   color:#000000;
   }

#tagcloud .size1 {
   font-size:11px;
   font-weight:bold;
   }

#tagcloud .size2 {
   font-size:11px;
        font-weight:bold;
   }

#tagcloud .size3  {
   font-size:11px;
   font-weight:bold;
   }

#tagcloud .size4  {
   font-size:11px;
   font-weight:bold;
   }

#tagcloud .size5  {
   font-size:11px;
   font-weight:bold;
   }

/* :: CALENDAR :: */


#calendar {
   border-spacing:1px;
   clear:both;
   margin-bottom:15px;
   width:190px;
   font-size:10px;
   background:#ffffff url(http://files.myopera.com/danquynh/love/sidebg.jpg) bottom left repeat-x;
   border-bottom:1px solid #f86fdd;
   }

#calendar tr:first-child {
   empty-cells:show;
   }

#calendar th {
   font-size:10px;
   line-height:18px;
   height:18px;
   text-align:center;
   }

#calendar td {
   line-height:16px;
   border-top:1px solid #e7e7df;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;
   border-left:1px solid #e7e7df;
   padding:1px 3px;
   text-align:center;
   font-size:10px;
   }

#calendar tfoot td {
   text-align:left;
   border:none;
   height:16px;
   padding:2px 3px;
   }

#calendar td.l {
   background:#fafafa;
   }

#calendar td a {
   color:#000000 !important;
   }

#calendar td#today {
   background:#fff;
   }

#calendar caption {
   padding:0;
   }

#side a#calendarmonth {
   display:block;
   padding:2px 0 2px 5px;
   text-decoration:none;
   color:#f86fdd;
   }

#side a#calendarmonth:hover {
   background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x;
   }

#nextmonth, #prevmonth {
   width:49%;
   }

#nextmonth {
   text-align:right;
   }

/* :: PROFILE :: */

#profile {
   width:100%;
   }

#profile h2 {
   font-size:12px;
   background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x;
   padding:5px 5px;
   margin:0;
   color:#f86fdd;
   border-top:1px solid #f86fdd;
   border-left:1px solid #f86fdd;
   border-right:1px solid #f86fdd;
   }

#profile-top {
   background:#ffffff url(http://files.myopera.com/danquynh/love/sidebg.jpg) bottom right repeat-x;;
   margin-bottom:15px;
   border:1px solid #f86fdd;
   }

#profile p {
   margin:0 0 7px 0;
   }

#userinfo {
   float:left;
   width:372px;   
   padding:2px 6px;
   }

#userinfo dl {
   margin:4px 0;
   }

#userinfo dt {
   clear:both;
   float:left;
   width:96px;
   margin:0;
   padding-top:4px;
   }

#userinfo dd {
   margin:0 0 0 96px;
   padding:4px 0 2px 0;
   }

#userpic {
   float:left; /*right*/
   width:332px;
   height:252px;
   border:1px solid #aaa;
   background:#fff;
   margin:10px;
   }

#userpic img {
   display:block;
   margin:6px;
   }

#profile .col1, #profile .col2 {
   margin-top:0;
   }

#profile-col1 {
   float:left;
   width:46%; /*56%*/
   overflow:hidden;
   }

#profile-col2 {
   float:right;
   width:50%; /*42%*/
   overflow:hidden;
   }

#profile .box, #profile table {
   padding:6px;
   background: #ffffff;
   border:1px solid #f86fdd;
   margin-bottom:15px;
   }

#profile th, #profile td {
   padding:2px 0;
   }

#profile-col2 li {
   list-style:none;
   list-style-position:outside;
   line-height:20px;
   clear:both;
   }

a.overflow {
   display:block;
   width:100%;
   overflow:hidden;
   }

#grouplist .cstatus {
   width:30%;
   }

#grouplist a {
   display:block;
   width:100%;
   overflow:hidden;
   }

.userlist img {
   float:left;
   margin:1px 4px 0 0;
   }

#ff {
   padding-bottom:10px;
   }

#ff .h {
   margin:8px 0 0 0;
   font-weight:bold;
   }

#ff .t {
   margin:2px 0 5px 0;
   padding-bottom:8px;
   }

#ff .rule {
   padding-bottom:5px;
   }

#myspots li {
   padding:0 0 4px 20px;
   background:transparent url(/community/graphics/users/2/myspot.gif) 2px 3px no-repeat;
   }

#myspots h3 {
   clear:both;
   margin-top:0;
   border-bottom:1px dotted #999;
   }

.spotimg div {
   background:#fff;
   border:1px solid #aaa;
   margin:0 6px 6px 0;
   float:left;
   overflow:hidden;
   width:103px;
   }

.spotimg div.spot3rd {
   margin:0 0 6px 0;
   }

.spotimg img {
   display:block;
   margin:2px;
   }

#spotusers p {
   margin:0;
   text-align:center;
   font-size:10px;
   }

#friendlist li {
   padding:0 0 4px 20px;
   list-style:none;
   background:transparent url(http://my.opera.com/community/graphics/users/2/friendlist.gif) 0px 3px no-repeat;
   }

#aboutgroup {
   clear:left;
   max-width:450px;
   }

#groupinfo dl {
   margin:0;
   }

#groupinfo dt {
   clear:left;
   float:left;
   margin:0 4px 0 0;
   font-weight:bold;
   }

#groupinfo dd {
   margin:0;
   font-weight:normal;
   }

#groupprofile #userpic {
   margin:0 0 20px 20px;
   }

#apply {
   clear:left;
   }


/* :: QUICK PROFILE :: */

#qp dl {
   margin:0;
   width:100%;
   }

#qp dt {
   clear:both;
   float:left;
   width:38%;
   overflow:hidden;
   }

#qp dd {
   float:right;
   width:60%;
   overflow:hidden;
   margin:0;
   padding:0;
   }

#myphoto {
   width:190px;
   overflow:hidden;
   background:#f5f5f5 url(http://my.opera.com/community/graphics/users/2/picbg.gif) bottom left repeat-x;
   }

#myphoto img {
   max-width:190px;
   display:block;
   }

/* :: FRIENDS :: */


#myfriends {
   width:430px;
        margin-left:80px;
   }

.myfriend {
   width:190px;
   margin-right:15px;
   margin-top:10px;
   background:#fff url(http://my.opera.com/community/graphics/users/7/friendpic.gif) top left no-repeat;
   float:left;
   }

.mypic {
   margin:10px 0 0 10px;
   height:141px;
   }

.mypic img {
   display:block;
   width:170px;
   height:128px;
   }

.myfriend .txt {
   height:70px;
   }

.myfriend h3 {
   margin:2px 0 2px 5px;
   }

.myfriend p {
   padding-left:5px;
   margin:0;
   }

.myfriend blockquote {
   display:none;
   }

.myfriend h2 {
   margin-top:0;
   }

.myloc, .friendof {
   font-size:11px;
   margin:0 0 4px 0;
   color:#666;
   }

.friendof {
   font-size:10px;
   }

#fnet h3 {
   background:#5da15b;
   color:#fff;
   font-size:15px;
   padding:3px 5px;
   border-bottom:5px solid #cde6cc;
   margin-bottom:0;
   }

#fnet2 h3 {
   background:#447c64;
   border-bottom:5px solid #bbd6c3;
   }

#fnet3 h3 {
   background:#3f6e85;
   border-bottom:5px solid #bed1d4;
   }

.fpic {
   float:left;
   width:84px;
   height:64px;
   border:1px solid #000;
   margin-right:10px;
   }

.fpic img {
   display:block;
   margin:2px;
   }

.fname {
   margin:0;
   }

/* :: LINKS :: */

#applinks {
   clear:both;
   margin-top:15px;
   }

#mylinks {
   width:100%;
   }

#mylinks h2 {
   margin:30px 0 15px 0;
   font-size:15px;
   text-transform:uppercase;
   background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x;
   padding:2px 5px;
   color:#f86fdd;
   }

#mylinks h2.firstheader {
   text-transform:uppercase;
   margin-top:0;
   background:#ffffff url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x;
   padding:2px 5px;
   color:#f86fdd;
   }

#mylinks .newsfeed {
   margin:-8px 0 8px 0;
   }

#mylinks p {
   margin:0;
   font-size:12px;
   }

#mylinks .grey {
   color:#aaa;
   }

#mylinks .col1, #mylinks .col2 {
   overflow:hidden;
   border:1px solid #f86fdd;
   background:#ffffff;
   }

#mylinks .linkinfo {
   margin-bottom:15px;
   padding:2px 5px;
   }

.newsfeed span, .newsfeed a {
   color:#900;
   text-decoration:none;
   }

.url {
   color:#192;
   }

.linkdesc {
   color:#333;
   font-style:italic;
   }

.feedurl {
   display:none;
   }


/* :: EVENTS :: */

.cdwn {
   padding:2px 0;
   }

.cdwn p {
   margin:0;
   }


/* :: TAGS :: */

#content .tags a:link, #content .tags a:visited, #content

.tags a:active, .tag {
   color:#fa9f9f;
   }

#content .tags a:hover {
   color:#fa9f9f;
   }

.tagged {
   font-weight:bold;
   }

/* :: CARDS :: */

#ecard {
   position:absolute;
   width:126px;
   height:19px;
   bottom:2px;
   left:2px;
   }

/* :: POLL :: */

#poll ul {
   margin:0;
   }

#pollresults li {
   border-bottom:1px dotted #999;
   }

#poll li {
   list-style-position:outside;
   list-style:none;
   padding:3px 0;
   }

#poll li input {
   vertical-align:middle;
   }

#pollsubmit {
   font-weight:bold;
   }

#poll p {
   padding:3px 0 0 0;
   margin:0;
   }

#poll li img {
   border-left:1px solid #9b5203;
   border-right:1px solid #b84d00;
   }

/* :: SEARCH :: */

#searchbox {
   width:141px;
   }

#submitsearch {
   margin-bottom:-1px;
   }

#blogsearch input {
   margin-top:1px;
   vertical-align:middle;
   }

.s-result {
   margin-top:11px;
   border-top:1px dotted #999;
   padding-top:1px;
   }

.s-result a:link, .s-result a:visited {
   color:#15c;
   }



/* :: PERSONAL ADD :: */



.img {
        display: inline!important;
        margin:0px 4px;
   }


#overall {
   width:520px;
   margin:0;
   }
.col {
   width:250px;
   padding:0 5px;
   float:left;
   }

/* :: GET OPERA :: */

#side #getopera h2 {
   background:#feeeef url(http://files.myopera.com/danquynh/love/sidebar.jpg) top left repeat-x; ;
   color:#f86fdd;
   padding:6px;
   }

#getopera p {
   padding-bottom:7px;
   background:none !important;
   
   }

#getopera .pad {
   color:#000;   
   background: #feeeef url(http://files.myopera.com/danquynh/love/getopera.jpg) bottom right no-repeat;
   }


Về Đầu Trang Go down
https://k3kt.forumvi.com
Admin
Admin
Admin


Tổng số bài gửi : 726
Reputation : 19
Birthday : 20/05/1988
Join date : 12/10/2010
Age : 35
Đến từ : phú thọ

code css cho blog opera hehe Empty
Bài gửiTiêu đề: Re: code css cho blog opera hehe   code css cho blog opera hehe EmptySat Dec 18, 2010 3:09 pm

Hình của nó đây bạn ah

[You must be registered and logged in to see this image.]
Về Đầu Trang Go down
https://k3kt.forumvi.com
 

code css cho blog opera hehe

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

 Similar topics

-
» code chèn ITV vào forum web and blog
» Opera Mini & Opera Mobile
» các skin code css màu cho forum bạn nè.=>cái này hay.
» download Opera 11 bản chính thức,có hướng dẫn.
» code flash cho forum rất hay

Permissions in this forum:Bạn không có quyền trả lời bài viết
4Rum Kết Nối :: CenTer :: Hướng Dẫn Làm Forum :: Hướng Dẫn Làm forum-