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
FollowersFollowers: 1
BookmarksBookmarks: 10
Views: 2786

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

Post#1by sventibold » 13.12.2009 05:24

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

Image

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: Select all
            <!-- 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: Select all
                <li<!-- IF SCRIPT_NAME == 'portal' --> class="activetab"<!-- ENDIF -->><a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a></li> 

Beschreibung:
Code: Select all
<!-- 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: Select all
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: Select all
<a href="{U_PORTAL}" title="{L_PORTAL}"><span>{L_PORTAL}</span></a> 
- Definiert Link, Beschreibung (Pop-up) und Name (ausgegebene Schrift)
Beispiel:
Code: Select all
<a href="LINK" title="POPUP TEXT"><span>Name</span></a> 


Code Beispiel anhand von Google:
Code: Select all
                <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: Select all
<!--
und ans das Ende des Codes ein
Code: Select all
-->
setzt!
Beispiel:
Code: Select all
               <!-- <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
User avatar
sventibold
Style Tüftler
Style Tüftler
 
Posts: 1205
Joined: 03.2009
Cash on hand: 5,751.13 Points
Bank: 15,706.93 Points
Thanks: 55
Thanked: 348 times in 226 posts
Gender: Male

The following user would like to thank sventibold for this post

Return to "Tipps zu den Styles"


 

Who is online

Users browsing this forum: No registered users and 1 guest

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