Port.forumgreek.com
Θέλετε να αντιδράσετε στο μήνυμα; Φτιάξτε έναν λογαριασμό και συνδεθείτε για να συνεχίσετε.

Menu Tabs blog/site/forum

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Port Admin
Port Admin
Admin
Αριθμός μηνυμάτων : 2651
Πόντοι : 6380
Ημερομηνία εγγραφής : 06/03/2017
https://port.forumgreek.com

ΔημοσίευσηPort Admin Τετ Απρ 12, 2017 3:26 pm

Menu Tabs blog/site/forum %CE%A3%CF%84%CE%B9%CE%B3%CE%BC%CE%B9%CE%BF%CC%81%CF%84%CF%85%CF%80%CE%BF%2B2014-12-10%2C%2B1.09.57%2B%CF%80.%CE%BC.

Κώδικας:

<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>

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή

Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να απαντήσετε

Προκειμένου να απαντήσετε πρέπει να είστε μέλος.

Δημιουργία Λογαριασμού

Ενταχθείτε στην κοινότητά μας δημιουργώντας έναν λογαριασμό. Είναι πανεύκολο!


Δημιουργία ενός νέου Λογαριασμού

Σύνδεση

Έχετε ήδη έναν λογαριασμό; Κανένα πρόβλημα, συνδεθείτε εδώ.


Σύνδεση

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