Μη Συνδεδεμενος Παρακαλώ συνδεθείτε ή εγγραφείτε

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω  Μήνυμα [Σελίδα 1 από 1]

#1
 Admin

avatar
Admin


Κώδικας:

<style>
*/ greekport.gr /* {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}
ul { overflow:hidden; float:left; padding-left:48px;}
#tabbed {
 width:80%;
 min-width:400px;
 margin:0 auto;
 padding-top:68px;
 border-bottom:4px solid #8fa11d;
 overflow:hidden;
}
li {
 display: block;
 float: right;
 padding: 10px 24px 8px;
 background-color: #6a7a0f;
 border-radius:8px 8px 0 0;
 margin-right:46px;
 z-index:2;
 position:relative;
 cursor:pointer;
 color:#cfd08b;
  text-transform:uppercase;
 font:bold 12px/20px Arial, Helvetica, sans-serif;
  text-shadow:rgba(0,0,0,.16) -1px -1px;
}
li:before, li:after {
 display:block; content:" "; position:absolute;  top:0; height:100%; width:44px;   background-color: #6a7a0f;
}
li:before {
 right:-24px;
 transform: skew(30deg, 0deg) ;
 -webkit-transform: skew(30deg, 0deg) ;
 -moz-transform: skew(30deg, 0deg) ;
 -o-transform: skew(30deg, 0deg) ;
 -ms-transform: skew(30deg, 0deg) ;
 border-radius:0 8px 0 0;
 box-shadow:rgba(0,0,0,.1)3px 2px 5px, inset rgba(255,255,255,.09)-1px 0;
}
li:after {
 left:-24px;
 transform: skew(-30deg, 0deg) ;
 -webkit-transform: skew(-30deg, 0deg) ;
 -moz-transform: skew(-30deg, 0deg) ;
 -o-transform: skew(-30deg, 0deg) ;
 -ms-transform: skew(-30deg, 0deg) ;
 border-radius:8px 0 0 0;
 box-shadow:rgba(0,0,0,.1)-3px 2px 5px, inset rgba(255,255,255,.09)1px 0;
}
li:hover, li:hover:before, li:hover:after {
 background-color:#5C6A0D;
}
.active, .active:before, .active:after, .active:hover, .active:hover:before, .active:hover:after { background-color:#8fa11d; color:#fff;}
.active {z-index:3;} </style>
<div id="tabbed">
<ul>
  <li>Nice Tabs</li>
  <li>But</li>
  <li class="active">Ugly Colors</li>
</ul>
</div>

http://www.greekport.gr

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή  Μήνυμα [Σελίδα 1 από 1]


Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης

Τρόποι Κοινοποίησης:
URL:
BBCode:
HTML: