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
 
IndexIndex  Trợ giúpTrợ giúp  Tìm kiếmTìm kiếm  Thành viênThành viên  NhómNhó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 : 28
Đến từ : phú thọ

Bài gửiTiêu đề: code css cho blog opera hehe   Sat 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;
   }



_________________
Kiến Thức Là Vô Tận,Ta cần phải học hỏi.
Về Đầu Trang Go down
Xem lý lịch thành viên http://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 : 28
Đến từ : phú thọ

Bài gửiTiêu đề: Re: code css cho blog opera hehe   Sat 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
Xem lý lịch thành viên http://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

-
» Blog và trang Facebook: Huỳnh Thục Vy
» Blog: Ba Cừu (của PV. Nguyễn Đắc Kiên)
» Code Trove
» Part No: 1435000Z10001 Code: 88092764 Gemu Vietnam
» Hướng dẫn cách Refer Friend

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-