aed
div.post.online.st-answer-admin, div.post.st-answer-admin { background-image: url(http://i39.servimg.com/u/f39/18/22/09/39/admin-10.png)!important; background-position: right bottom; background-repeat: no-repeat; }
Ακτιβιστές
Gamatos (2920)
 
SCZI (1799)
 
Rock'n'Trolla (1690)
 
lOlman (1537)
 
Technical Supporter (1393)
 
Voks (1043)
 
B-Colt (994)
 
rebelos (812)
 
Μurderer (710)
 
YuGo007 (608)
 

Βοήθησε όπως μπορείς
για να παραμένει η Παρέα
στο χώρο αυτό

Περαστικός - 0
Νέος Χρήστης - 20
Μέλος - 50
Κάτοικος - 150
Πρεσβύτερος - 300
Βετεράνος - 500

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

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

1 NavBar οπως το IPB [PunBB] Την / Το 27/2/2013, 06:25

Mastersly

ΦώτοΝτοσιέΕπαφές
avatar




Γεια σας.
σήμερα θα σας δείξω πως να κάνετε το NavBar οπως το IPB
Όπως αυτό
Όταν δεν έχεις κάνει σύνδεση

Και όταν έχεις κάνει σύνδεση

Μπαίνετε
Admin Panel >> Εμφάνιση >> Εικόνες και χρώματα >> Χρώματα >> CSS Stylesheet
και βάζετε τον παρακάτω κώδικα
Κώδικας:
#pun-head #pun-navlinks {
    background-color: #171717;
    background-image: url("http://i14.servimg.com/u/f14/18/01/17/16/800_a_22.png");
    background-repeat: repeat-x;
    color: #fff;
    font-size: 13px;
    height: 37px;
    margin-bottom: 10px;
    margin-left: -12px;
    width: 100%!important;
}

#pun-head #pun-navlinks {
    background-color: #171717;
    background-image: url("http://i14.servimg.com/u/f14/18/01/17/16/800_a_22.png");
    background-repeat: repeat-x;
    color: #fff;
    font-size: 13px;
    height: 37px;
    margin-bottom: 10px;
    margin-left: -12px;
    width: 100%!important;
}

#pun-navlinks1 ul {
    list-style: none;
    font-size: 10px;
    color: #757575;
    transform: translate(0px, -13px);
}

#pun-navlinks1 li {
    display: inline;
    font-size: 1.15em;
}

#pun-navlinks1 li a {
    margin: 0 0.1em 0 0;
}

#pun-navlinks1 a, #pun-navlinks1 a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 5px;
    line-height: 26px;
    transform: translate(0px, -52px);
}

#pun-navlinks1 a:hover {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 5px;
    line-height: 26px;
    background-color: rgba(0, 0, 0, 0.2);
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 5px;
    transform: translate(0px, -13px);
}

#pun-navlinks a:hover {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 5px;
    line-height: 26px;
    background-color: rgba(0, 0, 0, 0.2);
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 5px;
}

#pun-navlinks ul {
    list-style: none;
    font-size: 10px;
    color: #757575;
}

#pun-navlinks li {
    display: inline;
    font-size: 1.15em;
}

#pun-navlinks li a {
    margin: 0 0.1em 0 0;
}

#pun-navlinks a, #pun-navlinks1 a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
    padding-left: 5px;
    line-height: 26px;
    transform: translate(0px, -52px);
}

μετά μπαίνετε
Admin Panel >> Εμφάνιση >> Πρότυπα >> Γενική Διαχείριση >> overall_header
ψάχνετε τον παρακάτω κώδικα και τον διαγράφεται
Κώδικας:
</div>
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
μετά ψάχνετε αυτόν τον κώδικα
Κώδικας:
<a id="top" name="top" accesskey="t"></a>
και βάζετε αυτόν τον κώδικα ακριβώς από πάνω
Κώδικας:
  <!-- BEGIN switch_user_logged_out -->
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li><a href="/login"><img src="http://i15.servimg.com/u/f15/17/34/84/29/key11.png" border="0" alt="" /> Σύνδεση</a> <a href="/register"><img src="http://i73.servimg.com/u/f73/18/10/58/17/user_r10.png" border="0" alt="" /> Εγγραφή</a></li>
                     </ul>
                  </div>
               </div>
<!-- END switch_user_logged_out -->
  <!-- BEGIN switch_user_logged_in -->
                 <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li><a href="/privmsg?folder=inbox"><img src="http://hitskin.com/themes/19/59/13/i_icon_mini_message.png" border="0" alt="" /> </a> <a href="/login?logout"><img src="http://hitskin.com/themes/19/59/13/i_icon_mini_logout.png" border="0" alt="" /> Αποσύνδεση</a></li>
                     </ul>
                  </div>
               </div>
  <!-- END switch_user_logged_in -->

έτοιμο :)


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



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


© 2009-2013 Parea.Biz Με επιφύλαξη παντός δικαιώματος.