Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

[prosilver Styles] [prosilver special Styles]Buttons in der Tab-/Navigationsleiste

Adminbereich -> Styles -> [subSilver Styles]
für subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, xand, zeige weitere

Adminbereich -> Styles -> [prosilver Styles]
für prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver, zeige weitere
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 1
LesezeichenLesezeichen: 10
Zugriffe: 2910

[prosilver Styles] [prosilver special Styles]Buttons in der Tab-/Navigationsleiste

Beitrag#1von sventibold » 13.12.2009 05:24

Wie füge ich neue Tabs der Tab-/Navigationsleiste hinzu /Wie entferne ich Tabs?

Bild

Dies geht unter ACP -> Styles -> Templates -> Style bearbeiten -> overall_header.html.

Erst einmal:
So sieht der komplette Code für die Tab-/Navigationsleiste aus:
Code: Alles auswählen
            <!-- IF not TABOS -->
            <div id="tabs" style="margin: 3px 0 -1px 7px;">
                <ul>
                <li<!-- IF SCRIPT_NAME == 'portal' --> class="activetab"<!-- ENDIF -->><a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a></li>
                <li<!-- IF SCRIPT_DIR == '' and (SCRIPT_NAME == 'index' or SCRIPT_NAME == 'viewforum' or SCRIPT_NAME == 'forum' or SCRIPT_NAME == 'viewtopic') --> class="activetab"<!-- ENDIF -->><a href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
                <!-- IF U_GALLERY_MOD --><li<!-- IF SCRIPT_DIR == 'gallery' --> class="activetab"<!-- ENDIF -->><a href="{U_GALLERY_MOD}" title="{L_GALLERY_EXPLAIN}"><span>{L_GALLERY}</span></a></li><!-- ENDIF -->
                <!-- IF U_ARCADE --><li<!-- IF SCRIPT_NAME == 'arcade' --> class="activetab"<!-- ENDIF -->><a href="{U_ARCADE}" title="{L_ARCADE_EXPLAIN}"><span>{L_ARCADE}</span></a></li><!-- ENDIF -->
                <!-- IF U_DOWNLOADS --><li<!-- IF SCRIPT_DIR == 'dl' --> class="activetab"<!-- ENDIF -->><a href="{U_DOWNLOADS}" title="{L_DOWNLOADS}"><span>{L_DOWNLOADS}</span></a></li><!-- ENDIF -->
                <!-- IF U_VIDEOS --><li<!-- IF SCRIPT_NAME == 'videos' --> class="activetab"<!-- ENDIF -->><a href="{U_VIDEOS}" title="{L_VIDEOS}"><span>{L_VIDEOS}</span></a></li><!-- ENDIF -->
                <!-- IF U_CALENDAR --><li<!-- IF SCRIPT_NAME == 'calendar' --> class="activetab"<!-- ENDIF -->><a href="{U_CALENDAR}" title="{L_CALENDAR}"><span>{L_CALENDAR}</span></a></li><!-- ENDIF -->
                <!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><li<!-- IF SCRIPT_NAME == 'ucp' --> class="activetab"<!-- ENDIF -->><a href="{U_PROFILE}" title="{L_PROFILE}"><span>{L_PROFILE_SMALL}</span></a></li><!-- ENDIF -->
                <!-- IF S_DISPLAY_SEARCH --><li<!-- IF SCRIPT_NAME == 'search' --> class="activetab"<!-- ENDIF -->><a href="{U_SEARCH}" onmouseover="Tip('<div style=\'padding:2px 15px;\'><form action=\'{U_SEARCH}\' method=\'post\' id=\'search\'><h2>{L_SEARCH_FOR}:<\/h2><input name=\'keywords\' id=\'keywords\' type=\'text\' maxlength=\'128\' title=\'{L_SEARCH_KEYWORDS}\' style=\'width:70%;\' class=\'inputbox search\' value=\'<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ENDIF -->\' \/> <input class=\'button1\' value=\'Go\' type=\'submit\'><br><div style=\'padding:4px;\'>{L_SHOW_RESULTS}: <label for=\'sposts\'><input id=\'sposts\' name=\'sr\' value=\'posts\' type=\'radio\'> {L_POSTS}<\/label><label for=\'stopics\'><input id=\'stopics\' name=\'sr\' value=\'topics\' checked=\'checked\' type=\'radio\'> {L_TOPICS}<\/label><\/div><div style=\'padding:4px;\'>{L_SEARCH_IN}: <label for=\'sforum\'><input id=\'sforum\' name=\'over\' value=\'forum\' checked=\'checked\' type=\'radio\'> {L_FORUM}<\/label> <label for=\'sgoogle\'><input id=\'sgoogle\' name=\'over\' value=\'google\' type=\'radio\'> Google<\/label><\/div><hr class=\'dashed\'><div style=\'text-align:center;\'><a href=\'{U_SEARCH}\' title=\'{L_SEARCH_ADV_EXPLAIN}\'>{L_SEARCH_ADV}<\/a><\/div>{S_SEARCH_HIDDEN_FIELDS}<\/form><\/div>', CLOSEBTN, true, STICKY, true, ABOVE, false, CENTERMOUSE, true);" onmouseout="UnTip()" title="{L_SEARCH_ADV_EXPLAIN}"><span>{L_SEARCH}</span></a></li><!-- ENDIF -->
                <!-- IF S_DISPLAY_MEMBERLIST --><li<!-- IF SCRIPT_NAME == 'memberlist' --> class="activetab"<!-- ENDIF -->><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}"><span>{L_MEMBERLIST}</span></a></li><!-- ENDIF -->
                <li<!-- IF SCRIPT_NAME == 'faq' --> class="activetab"<!-- ENDIF -->><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}"><span>{L_FAQ}</span></a></li>
                </ul>
            </div>
            <!-- ENDIF --> 

Jedes einzelne Element ist wie dieser Code aufgebaut (Bsp: Portal):
Code: Alles auswählen
                <li<!-- IF SCRIPT_NAME == 'portal' --> class="activetab"<!-- ENDIF -->><a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a></li> 

Beschreibung:
Code: Alles auswählen
<!-- IF SCRIPT_NAME == 'portal' --> 
- Beschreibt den Tab (so lässt er sich später besser wieder finden) Hier kann ein X beliebiger Name gewählt werden, es hat keine Auswirkungen auf die Funktion! Dazu den Eintrag 'portal' umbenennen.
Code: Alles auswählen
class="activetab" 
- Gibt an, dass das Aussehen der Tabs über die CSS Class "aktivtab" definiert wird. Zum ändern des Aussehens, den Code im Theme anpassen.
Code: Alles auswählen
<a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a> 
- Definiert Link, Beschreibung (Pop-up) und Name (ausgegebene Schrift)
Beispiel:
Code: Alles auswählen
<a href="LINK" title="POPUP TEXT"><span>Name</span></a> 


Code Beispiel anhand von Google:
Code: Alles auswählen
                <li<!-- IF SCRIPT_NAME == 'google_tab' --> class="activetab"<!-- ENDIF -->><a href="http://www.google.de" title="Dieser Tab führt zu Google, eine Suchmaschine zum finden von Web Inhalten."><span>Google</span></a></li>   

Diesen Code an die gewünschte Stelle einfügen,
Fertig!

Tab entfernen:
Dazu gibt es 2 Möglichkeiten, entfernen und ausklammern!
Ausklammern kann man, indem man an den Anfang des Codes:
Code: Alles auswählen
<!--
und ans das Ende des Codes ein
Code: Alles auswählen
-->
setzt!
Beispiel:
Code: Alles auswählen
               <!-- <li<!-- IF SCRIPT_NAME == 'portal' --> class="activetab"<!-- ENDIF -->><a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a></li>-->   

Danach ist der Tab nicht mehr zu sehen, man kann ihn aber bei Bedarf später einfach wieder sichtbar machen.
Auf das entfernen des Codes muss ich denke ich nicht näher eingehen. ;)
Absenden, Fertig!


Tags: prosilver Button Icon Symbole Tabmenü Navigationsleiste Navigationsleiste einfügen hinzufügen einbinden
Forum für alle mit auslands Fernbeziehung
Benutzeravatar
sventibold
Style Tüftler
Style Tüftler
 
Beiträge: 1205
Registriert: 03.2009
Barvermögen: 5.751,13 Points
Bank: 15.706,38 Points
Danke gegeben: 55
Danke bekommen: 348x in 226 Posts
Geschlecht: männlich

folgende User möchten sich bei sventibold bedanken:

Zurück zu "Tipps zu den Styles"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

prosilver tab

prosilver style with buttons prosilver portal button prosilver buttons entfernen wieentferneichtabs prosilver galerie tab prosilver tabs phpbb8 prosilver button nach links tab navigationsleiste phpbb3 navigationsleiste button as tabs style prosilver button link button tab style navigationsleiste tab phpbb3 <!-- IF not S_IS_BOT --> button sichtbar IF SCRIPT_DIR phpbb3 prosilver portalbutton content