[Share] Skin Mac OSX
Change background image
Ganh Hao Teen9x-Club Teen9x

GanhHao kết nối trái tim Teen:-x => https://ganhhaoteen.forum.st

[Share] Skin Mac OSX Fb1

You are not connected. Please login or register

Ganh Hao Teen9x-Club Teen9x » THU THUẬT » ۰۪۪۫۫●۪۫۰ Thu Thuật Hnsv ۰۪۪۫۫●۪۫۰ » ●Styles - Giao diện● » [Share] Skin Mac OSX

Go downThông điệp [Trang 1 trong tổng số 1 trang]

Fri Apr 06, 2012 3:18 pm
Fri Apr 06, 2012 3:18 pm
wwe
wwe
Thành Viên Cấp Bậc 3
Posts : 92
Sinh Nhật : 18/01/1995
Tham Gia : 15/01/2012
Giới tính : Nam
Tuổi : 29
Points : 338
thanked : 4
Posts : 92
Sinh Nhật : 18/01/1995
Tham Gia : 15/01/2012
Giới tính : Nam
Tuổi : 29
Points : 338
thanked : 4
Tiêu Đề: [Share] Skin Mac OSX
-------------------------------------------------------------------------

[Share] Skin Mac OSX Thtx_010 [Share] Skin Mac OSX Thtx_012
Skin này khá hợp với các Forum về tin học, công nghệ, nếu về Mac or Apple càng tốt

Demo:
[Share] Skin Mac OSX Demou

Banner trong CSS là banner trắng các bạn tùy ý chỉnh sửa nhé

chuyên mục: [Share] Skin Mac OSX Oldwj


chuyên mục mới:

chuyên mục khóa:[Share] Skin Mac OSX Lockgp


chuyên mục liên kết:[Share] Skin Mac OSX Linkza



CSS:
Code:
/*  phpBB 3.0 Style Sheet
        --------------------------------------------------------------
      Style name:    Autinhyeu
      Modified by:  Design Team (http://ocpc.hnsv.com)

      Copyright 2011 Designer Team (http://ocpc.hnsv.com)
        --------------------------------------------------------------
        */

        /* Layout
        ------------ */
        * {
      /* Reset browsers default margin, padding and font sizes */
      margin: 0;
      padding: 0;
        }

        html {
      font-size: 100%;
        }

        body {
      /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
      font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
      color: black;
      background-color: #BDBEBD;
      font-size: 8pt; /* This sets the default font size to be equivalent to 10px */
      margin:  auto;
      padding: 0;
    background-color: auto;
    background-image: url('http://img200.imageshack.us/img200/6250/bodykw.png');
        background-attachment:fixed; 
        }

        #wrapheader {
      height:180px;
      width: 923px;
      margin: 0 auto;
      padding: 10px 10px;
      background-color: auto;
      background-image: url('http://img18.imageshack.us/img18/9816/bannerglj.jpg');
        }

        #wrapcentre {
      margin: 0 auto;
      width: 943px;
        padding: 10px 10px;
      background-color: auto;
        }

        #wrapfooter {
      text-align: center;
      height:50px;
      clear: both;
      margin: 0 auto;
      width: 923px;
      background-color: auto;
      padding: 10px 10px;
      background-image: url('http://img62.imageshack.us/img62/3310/fotter.jpg');
        } 

        #wrapnav {
      width: 900px;
      padding: 10px 10px;
      margin: 0 auto;
      background-color: white;
      border-width: 1px;
      border-style: solid;
      border-color: #A9B8C2;
     
        }

        #logodesc {
      margin-bottom: 5px;
      padding: 5px 25px;
      background: #FFFFFF;
      border-bottom: 1px solid #4787A7;
        }

        #menubar {
      margin: 0 25px;
        }

        #menubottom {
      margin: 0 25px;
        }

        #datebar {
      margin: 10px 25px 0 25px;
        }

        #findbar {
      width: 100%;
      margin: 0;
      padding: 0;
      border: 0;
        }

        .forumrules {
      background-color: #ffffff;
      border-width: 1px;
      border-style: solid;
      border-color: #ffffff;
      padding: 4px;
      font-weight: normal;
      font-size: 1.1em;
      font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        }

        .forumrules h3 {display: none}

        #pageheader { }
        #pagecontent { }
        #pagefooter { }


        #poll { }
        #postrow { }
        #postdata { }


        /*  Text
        --------------------- */
        h1 {
      color: black;
      font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
      font-weight: bold;
      font-size: 1.8em;
      text-decoration: none;
        }

        h2 {
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 1.5em;
      text-decoration: none;
      line-height: 120%;
        }

        h3 {
      font-size: 1.3em;
      font-weight: bold;
      font-family: Tahoma, Arial, Helvetica, sans-serif;
      line-height: 120%;
        }

        h4 {
      margin: 0;
      font-size: 1.1em;
      font-weight: bold;
        }

        p {
      font-size: 1.1em;
        }

        p.moderators {
      margin: 0;
      float: left;
      color: black;
      font-weight: bold;
        }

        .rtl p.moderators {
      float: right;
        }

        p.linkmcp {
      margin: 0;
      float: right;
      white-space: nowrap;
        }

        .rtl p.linkmcp {
      float: left;
        }

        .redbar {
      margin: 0;
      text-align:center;
      font-weight: bold;
      font-size: 1.1em;
        }
        p.breadcrumbs {
      margin: 0;
     
      color: black;
      font-weight: bold;
      white-space: normal;
      font-size: 1.2em;
        margin-top: 5px;
        padding-left: 50px;
        }

        .rtl p.breadcrumbs {
      float: right;
        }

        p.datetime {
      margin: 0;
      float: right;
      white-space: nowrap;
      font-size: 1em;
        }

        .rtl p.datetime {
      float: left;
        }

        p.searchbar {
      padding: 2px 0;
      white-space: nowrap;
        }

        p.searchbarreg {
      margin: 0;
      float: right;
      white-space: nowrap;
        }

        .rtl p.searchbarreg {
      float: left;
        }

        p.forumdesc {
      padding-bottom: 4px;
        }

        p.topicauthor {
      margin: 1px 0;
        }

        p.topicdetails {
      margin: 1px 0;
        }

        .postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
      margin: 1px 0;
      color: red;
      font-weight:bold;
        }

        .postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
      color: #0099FF;
      font-weight:bold;
        }

        .postapprove img, .postreported img {
      vertical-align: bottom;
        }

        .postauthor {
      color: #000000;
        }

        .postdetails {
        color: #999999;
        border: 0.5px solid #cccccc;
        padding: 4px;
        background-color: white;
        width: 320px;
        -moz-border-radius:15px;
        height: auto;
        text-align:justify;
        display : block;
        text-align:left;
        -moz-box-shadow: 0 2px 8px #b3b3b3;
        -webkit-box-shadow: 0 4px 8px #b3b3b3;
        -moz-border-radius: 6px;
        -webkit-border-radius:6px;
      -moz-transition: all 1s ease;
      -webkit-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        }

      .postdetails:hover {
      -moz-transform: scale(1.5) rotate(0deg) translate(30px);
      -webkit-transform: scale(1.1) rotate(0deg) translate(30px);
      -o-transform: scale(1.5) rotate(0deg) translate(30px);
      transform: scale(1.5) rotate(0deg) translate(30px);
      z-index: 1000;

      }
        .postbody {
        font-size: 1.2em;
      line-height: 1.4em;
      font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
      color: #000000;
        }

        .postbody li, ol, ul {
      margin: 0 0 0 1.5em;
        }

        .rtl .postbody li, .rtl ol, .rtl ul {
      margin: 0 1.5em 0 0;
        }

        .posthilit {
      background-color: yellow;
        }

        .nav {
      margin: 0;
      color: black;
      font-weight: bold;
        }

        .pagination {
      padding: 4px;
      color: black;
      font-size: 1em;
      font-weight: bold;
        }

        .cattitle {

        }

        .gen {
      margin: 1px 1px;
      font-size: 1.2em;
        }

        .genmed {
      margin: 1px 1px;
      font-size: 1.1em;
        }

        .gensmall {
      margin: 1px 1px;
      font-size: 1em;
        }

        .copyright {
        color: black;
        font-weight: normal;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        display: none;
    }

        .titles {
      font-family: Tahoma, Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 1.3em;
      text-decoration: none;
        }

        .error {
      color: red;
        }


        /* Tables
        ------------ */
        th {
      color: #000000;
      background-color: white;
      height: 20px;
      white-space: nowrap;
      padding: 4px 5px;
      background-image: url('http://img220.imageshack.us/img220/2950/86432798.jpg');
    }
        td {
      padding: 2px;
        }
        td.profile {
      padding: 4px;
        }

        .tablebg {
      background-color: #999999;
      color: #000000;
     
        }

        .catdiv {
      height: 28px;
      margin: 0;
      padding: 0;
      border: 0;
      background: white url('styles/Autinhyeu_Private/theme/images/cellpic2.jpg') repeat-y scroll top left;
        }
        .rtl .catdiv {
      background: white url('styles/Autinhyeu_Private/theme/images/cellpic2_rtl.jpg') repeat-y scroll top right;
        }

        .cat {
      color: black;
      height: 20px;
      font-size: 1.3em
      margin: 0;
      padding: 0;
      border: 0;
      background-color: auto;
      background-image: url('http://img713.imageshack.us/img713/5627/catxt.jpg');
      text-indent: 4px;
        }

        .na {
      color: #ff4000;
      height: 28px;
      margin: 0;
      padding: 0;
      border: 0;
      background-color: #C7D0D7;
      background-image: url('http://4teenvt.com/4rum/images/styles/hallowen/taskbar%20halloween%202010%204teenvt.png');
      text-indent: 4px;
        }

        .row1 {
      background-color: white;
      padding: 4px;

        }

        .autinhyeu {
      background-color: black;
      color: white;
      text-align:center;
      background-image: url('http://img850.imageshack.us/img850/7653/autinhyeu.png');
      padding: 4px;
        height: 20px;
        font-size: 1.0em
        }

        .row2 {
      background-color: white;

      padding: 4px;
     
        }

        .row3 {
      background-color: #ffffff;
     
      padding: 4px;
        }

        .spacer {
        background-color: #80bfff;
      height: 5px;
    background-image: url('http://img200.imageshack.us/img200/6250/bodykw.png');
     
        }

        hr {
      height: 1px;
      border-width: 0;
      background-color: #D1D7DC;
      color: #D1D7DC;
        }

        .legend {
      text-align:center;
      margin: 0 auto;
        }

        /* Links
        ------------ */
        a:link {
    color: #415dcd;
      text-decoration: none;
        font-weight: bold;
        }

        a:active,
        a:visited {
    color: #415dcd;
      text-decoration: none;
        font-weight: bold;
        }

        a:hover {
    color: #415dcd;
      text-decoration: underline;
      text-shadow: 0px 0px 6px rgb(249, 199, 162), 0px 0px 5px rgb(255, 0, 0), 0px 0px 5px rgb(249, 199, 162);
        }

        a.forumlink {
    color: #415dcd;
      font-weight: bold;
      font-family: Tahoma, Helvetica, Arial, sans-serif;
      font-size: 1.4em;
        }

        a.aulove {
      color: black;
      font-family: Tahoma, Helvetica, Arial, sans-serif;
      font-weight: bold;
        }

        a.topictitle {
      margin: 1px 0;
      font-family: Tahoma, Helvetica, Arial, sans-serif;
      font-weight: bold;
      font-size: 1.2em;
        }

        a.topictitle:visited {
    color: #999999;
        }

        th a,
        th a:visited {
      color: #FFFFFF !important;
      text-decoration: none;
        }

        th a:hover {
      color: #008040;
      text-decoration: underline;
        }


        /* Form Elements
        ------------ */
        form {
      margin: 0;
      padding: 0;
      border: 0;
        }

        input {
      color: #333333;
      font-family: Tahoma, Verdana, Helvetica, sans-serif;
      font-size: 1.1em;
      font-weight: normal;
      padding: 1px;
      border: 1px solid black;
      background-color: white;
        }

        textarea {
      background-color: white;
      color: black;
      font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
      font-size: 1.2em;
      line-height: 1.4em;
      font-weight: normal;
      border: 1px solid #A9B8C2;
      padding: 2px;
        }

        select {
      color: #333333;
      background-color: #FAFAFA;
      font-family: Tahoma, Verdana, Helvetica, sans-serif;
      font-size: 1.1em;
      font-weight: normal;
      border: 1px solid #A9B8C2;
      padding: 1px;
        }

        option {
      padding: 0 1em 0 0;
        }

        option.disabled-option {
      color: graytext;
        }

        .rtl option {
      padding: 0 0 0 1em;
        }

        input.radio {
      border: none;
      background-color: transparent;
        }

        .post {
      background-color: white;
      border-style: solid;
      border-width: 1px;
      border-color: black;
        }

        .btnbbcode {
      color: #000000;
      font-weight: normal;
      font-size: 1.1em;
      font-family: Tahoma, Verdana, Helvetica, sans-serif;
      background-color: white;
      border: 1px solid black;
        }

        .btnmain {
      font-weight: bold;
      background-color: white;
      border: 1px solid black;
      cursor: pointer;
      padding: 1px 5px;
      font-size: 1.1em;
      -moz-border-radius:3px;
        }

        .btnlite {
      font-weight: normal;
      background-color: white;
      border: 1px solid black;
      cursor: pointer;
      padding: 1px 5px;
      font-size: 1.1em;
      -moz-border-radius:3px;
        }

        .btnfile {
      font-weight: normal;
      background-color: white;
      border: 1px solid black;
      padding: 1px 5px;
      font-size: 1.1em;
        }

        .helpline {
      background-color: white;
      border-style: none;
        }


        /* BBCode
        ------------ */
        .quotetitle, .attachtitle {
      margin: 10px 5px 0 5px;
      padding: 4px;
      border-width: 1px 1px 0 1px;
      border-style: solid;
      border-color: #969696;
/*      border-color: #608EC6; */
      border-bottom: 1px solid #969696;
      color: white;
      background-image: url('http://img220.imageshack.us/img220/2950/86432798.jpg');
      background-color: white;
      font-size: 0.95em;
      font-weight: bold;
        }
        .quotetitle .quotetitle {
      font-size: 1em;
        }

        .quotecontent, .attachcontent {
      margin: 0 5px 10px 5px;
      padding: 5px;
      border-color: #969696;
/*      border-color: #608EC6;  */
      border-width: 0 1px 1px 1px;
      border-style: solid;
      font-weight: normal;
      font-size: 1em;
      font-style: italic;
      line-height: 1.4em;
      font-family: Tahoma, "Trebuchet MS", Helvetica, Arial, sans-serif;
      background-color: white;     
      color: #666666;

        }

        .attachcontent {
      font-size: 0.85em;
        }


        .codetitle {
      margin: 10px 5px 0 5px;
      padding: 2px 4px;
      border-width: 1px 1px 0 1px;
      border-style: solid;
      border-color: #969696;
      color: white;
      background-color: #ffffff;
      background-image: url('http://img220.imageshack.us/img220/2950/86432798.jpg');
      font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
      font-size: 0.97em;




        }

        .codecontent {
        direction: ltr;
      margin: 0 5px 10px 5px;
      padding: 5px;
      border-color: #969696;
      border-width: 0 1px 1px 1px;
      border-style: solid;
      font-weight: normal;
      max-height: 250px;
      color: #404040;
      font-size: 0.97em;
      font-family: Tahoma, Monaco, 'Courier New', monospace;
      background-color: white;   
        }

        .syntaxbg {
      color: #FFFFFF;
        }

        .syntaxcomment {
      color: #FF8000;
        }

        .syntaxdefault {
      color: #0000BB;
        }

        .syntaxhtml {
      color: #000000;
        }

        .syntaxkeyword {
      color: #007700;
        }

        .syntaxstring {
      color: #DD0000;
        }


        /* Private messages
        ------------------ */
        .pm_marked_colour {
      background-color: #000000;
        }

        .pm_replied_colour {
      background-color: #A9B8C2;
        }

        .pm_friend_colour {
      background-color: #007700;
        }

        .pm_foe_colour {
      background-color: #DD0000;
        }


        /* Misc
        ------------ */
        img {
      border: none;
        }

        .sep {
      color: black;
      background-color: #FFA34F;
        }

        table.colortable td {
      padding: 0;
        }

        pre {
      font-size: 1.1em;
      font-family: Tahoma, Monaco, 'Courier New', monospace;
        }

        .nowrap {
      white-space: nowrap;
        }

      .username-coloured {
      background: url('http://gsmlaichau.com/upanh/images/es0k4uhwcifjnisgtqmm.gif') center left no-repeat;
      width: 20px;
      padding-left: 30px;
      text-shadow: 0px 0px 6px rgb(249, 199, 162), 0px 0px 5px rgb(255, 0, 0), 0px 0px 5px rgb(249, 199, 162);
        }

        .subforum.read {
        background: url(http://img806.imageshack.us/img806/6733/tblfolder.png) center left no-repeat;
        padding-left: 16px;
        font-size: 1.1em;
        font-weight: bold;

        }

        .subforum.unread {
        background: url(http://img806.imageshack.us/img806/6733/tblfolder.png) center left no-repeat;
        padding-left: 16px;
        font-size: 1.1em;
        font-weight: bold;

        }


      .button2 {
      color: #000000;
      background-image: url('http://cA3.upanh.com/10.593.14730857.ZPN0/nm.jpg');
      width: 100px;
      font-size: 1.0em;
      border : 1px solid #ccc;
      -moz-box-shadow: 0 2px 8px #b3b3b3;
      -webkit-box-shadow: 0 4px 8px #b3b3b3;
      -moz-border-radius: 6px;
      -webkit-border-radius:6px;
   
    }

      #top-buttom_image {
      position:fixed;
      _position:absolute;
      bottom:5px;
      right:5px;
      clip:inherit;
      _top:expression(document.documentElement.scrollTop+
      document.documentElement.clientHeight-this.clientHeight);
      _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
      }

        fieldset {
        margin-top:10px;
        padding:5px;
        border:1.5px dashed #999999;
        -moz-border-radius: 7px;
        max-height: 250px;
        }
    /*  fieldset:after {content: "Conan 360 Fans CLUB" ;
      color: #000000;
      float: right;
      margin-top:10px;
      padding:5px;
      border:1.5px dashed #608EC6;
      -moz-border-radius:5px
      } */

        legend {
        background: url('http://img220.imageshack.us/img220/2950/86432798.jpg') left no-repeat;
        padding-left: 30px;
        font-size:12px;
        padding:3px 10px 3px 10px;
        border:2px solid #98fa96;
        margin-left: 10px;
        background:#999999;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration:blink;
        text-align: center;
        -moz-border-radius: 5px;
        }

#sddm
{  margin: 0;
  padding: 0;
  z-index: 30;
}

#sddm li
{  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font: bold 11px arial}

#sddm li a
{  display: block;
border:;padding: 2px;-moz-border-radius: 5px;
  margin: 0 1px 0 0;
  padding: 4px 10px;
  width: 122.2px;
  background: #608EC6;
  color: #FFFfff;
  font-size: 12px;
  text-align: center;
  text-decoration: none}

#sddm li a:hover
{  background: #7caccf;}


#sddm div
{  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
  background: #EAEBD8;
  border:;padding: 2px;-moz-border-radius: 5px;}

  #sddm div a
  {  position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: 120px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #FFFFCC;
    color: #2875DE;
    font: 11px arial}

  #sddm div a:hover
  {  background: #88adc2;
    color: #FFF}

        .alt1 {
        border: 1px solid #999999;
    background-color: white;
        }
[Share] Skin Mac OSX Thtx_015 [Share] Skin Mac OSX Thtx_017
https://ganhhaoteen.forum.st

Thích

Báo xấu [0]

Gửi một bình luận lên tường nhà wwe

Về Đầu TrangThông điệp [Trang 1 trong tổng số 1 trang]

« Xem bài trước | Xem bài kế tiếp »

Ganh Hao Teen9x-Club Teen9x » THU THUẬT » ۰۪۪۫۫●۪۫۰ Thu Thuật Hnsv ۰۪۪۫۫●۪۫۰ » ●Styles - Giao diện● »[Share] Skin Mac OSX

Bài viết liên quan

    Quyền hạn của bạn:

    Bạn không có quyền trả lời bài viết