phpBB.nl

Nederlandstalige phpBB Support
https://www.phpbb.nl/forums/

Knoppen in de balk

https://www.phpbb.nl/forums/viewtopic.php?f=46&t=16815

Pagina 1 van 2

Knoppen in de balk

Geplaatst: 19 feb 2005, 04:32
door Eefjuh
Ik heb een balk met daarin faq, priveberichten en noem maar op, daar zou ik graag knoppen in willen hebben.

Net iest als : http://www.dierenforum.nl

Hoe verander ik dit?

Ik gok dat het in de overall_header zit, maar aangezien ik met linken (knoppen) ga werken zou ik graag even uitleg willen :bier:

Geplaatst: 19 feb 2005, 10:36
door DoubleJ
open je overall_header.tpl
voor subsilver doe je dan het volgende:
<a href="{U_FAQ}" class="mainmenu"><img src="templates/subSilver/images/icon_mini_faq.gif" width="12" height="13" border="0" alt="{L_FAQ}" hspace="3" />{L_FAQ}</a></span>
Vervang het rode gedeelte door jouw plaatje

Code: Selecteer alles

<img src="button.gif" ....>
herhaal dit voor alle links die je als button wil hebben

Geplaatst: 19 feb 2005, 11:31
door Eefjuh
probleem is dus, ik heb geen subsilver maar appalachia. In subsilver heb je normaal gesproken ook geen balk ;)

van:
<tr>
<td height="28" align="center" valign="middle" nowrap="nowrap"><FONT COLOR=ffffff>
<span class="mainmenu"> <a href="{U_INDEX}" class="mainmenu"><font color=white>Home </FONT></a>
<span class="mainmenu">- <a href="{U_FAQ}" class="mainmenu"><font color=white>{L_FAQ} </FONT></a></span><span class="mainmenu">- <a href="{U_SEARCH}" class="mainmenu"><font color=white>{L_SEARCH} </FONT></a>- <a href="{U_MEMBERLIST}" class="mainmenu"><font color=white>{L_MEMBERLIST} </FONT></a>- <a href="{U_GROUP_CP}" class="mainmenu"><font color=white>{L_USERGROUPS} </FONT></a>
<!-- BEGIN switch_user_logged_out -->
- <a href="{U_REGISTER}" class="mainmenu"><font color=white>{L_REGISTER} </FONT></a></span>
<!-- END switch_user_logged_out -->
<span class="mainmenu">- <a href="{U_PROFILE}" class="mainmenu"><font color=white>{L_PROFILE} </FONT></a>- <a href="{U_PRIVATEMSGS}" class="mainmenu"><font color=white>{PRIVATE_MESSAGE_INFO} </FONT></a>- <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=white>{L_LOGIN_LOGOUT}</FONT></a> </span>
</td>
</tr>
</TABLE>
Naar? :S

Geplaatst: 19 feb 2005, 20:36
door Eefjuh
Ik heb het uitgevonden en t ziet dr perfect uit!

Maaar....

Je hebt het inloggen en uitloggen. Daarvoor staat normaal: Uitloggen [ Geb. naam ] en Inloggen.

2 icons moeten daar dus komen, Maar ik kom dr niet uit :S
<span class="mainmenu"> <a href="{U_INDEX}" class="mainmenu"><font color=white>Home </FONT></a>
<span class="mainmenu">- <a href="{U_FAQ}" class="mainmenu"><font color=white>{L_FAQ} </FONT></a></span><span class="mainmenu">- <a href="{U_SEARCH}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_search.gif"></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=white>{L_MEMBERLIST} </FONT></a>- <a href="{U_GROUP_CP}" class="mainmenu"><font color=white>{L_USERGROUPS} </FONT></a>
<!-- BEGIN switch_user_logged_out -->
- <a href="{U_REGISTER}" class="mainmenu"><font color=white>{L_REGISTER} </FONT></a></span>
<!-- END switch_user_logged_out -->
<span class="mainmenu">- <a href="{U_PROFILE}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_profile.gif"></a> - <a href="{U_PRIVATEMSGS}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_prive.gif"></a> - <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=white>{L_LOGIN_LOGOUT}</FONT></a> </span>
Dit is het dus voorlopig, nog even 3 icons (druk aan t painten :P ) maar nu... die in en uitlog..

Logischerwijs zou je zeggen voor het inlogknopje:
BEGIN switch_user_logged_out -->
- <a href="{U_REGISTER}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_login.gif"></a></span>
<!-- END switch_user_logged_out -->
En de uitlog:
href="{U_LOGIN_LOGOUT}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_logout.gif"></a></span>
Maar dat lukt niet.

BEGIN switch_user_logged_out -->
- <a href="{U_REGISTER}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_login.gif"></a></span>
<!-- END switch_user_logged_out -->

Dit staat voor registreren. (ook wel fijn te weten :P)

Maar dan het probleem dus, ik wil als ik uitlog een ander knopje, WAAR vind ik dat??

Geplaatst: 19 feb 2005, 21:18
door Bee
Laten we eerst maar eens gebruik maken van volledige tags...

Inloggen

Code: Selecteer alles

<!-- BEGIN switch_user_logged_out --> 
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_login.gif"></a>
<!-- END switch_user_logged_out -->
Uitloggen

Code: Selecteer alles

<!-- BEGIN switch_user_logged_in --> 
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_logout.gif"></a>
<!-- END switch_user_logged_in -->
Registreren

Code: Selecteer alles

<!-- BEGIN switch_user_logged_out --> 
<a href="{U_REGISTER}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_register.gif"></a>
<!-- END switch_user_logged_out -->

Geplaatst: 19 feb 2005, 21:21
door Eefjuh
OKeej bedankt!

Jah die tags die stonden dr bij mij dus niet zo in.. die kan ik neem ik aan nu gewoon toevoegen, en dan de knoppen veranderen en dan zou het neem ik aan moeten lukken toch?

Geplaatst: 19 feb 2005, 21:25
door Bee
Ja, maar wacht even, ik ga zo ff mijn post editten, ik zie allerlei rotzooi staan...

Geplaatst: 19 feb 2005, 23:01
door Eefjuh
<tr>
<td height="32" align="center" valign="middle" nowrap="nowrap"><FONT COLOR=ffffff>
<span class="mainmenu"> <a href="{U_INDEX}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_home.gif"></a>
<span class="mainmenu">- <a href="{U_FAQ}" class="mainmenu"><font color=white>{L_FAQ} </FONT></a></span><span class="mainmenu"> - <a href="{U_SEARCH}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_search.gif"></a> - <a href="{U_MEMBERLIST}" class="mainmenu"><font color=white>{L_MEMBERLIST} </FONT></a>- <a href="{U_GROUP_CP}" class="mainmenu"><font color=white>{L_USERGROUPS} </FONT></a>
<!-- BEGIN switch_user_logged_out -->
- <a href="{U_REGISTER}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_login.gif"></a></span>
<!-- END switch_user_logged_out -->
<span class="mainmenu">- <a href="{U_PROFILE}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_profile.gif"></a> - <a href="{U_PRIVATEMSGS}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_prive.gif"></a> - <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><font color=white>{L_LOGIN_LOGOUT}</FONT></a> </span>
</td>
</tr>
</TABLE>
Dit is wat ik heb, maar volgeorde klopt niet.

Home - FAQ - Profiel - Gebruikerslijst - Gebruikersgroepen - Uitloggen/Inloggen - Registreren

Dit is de volgorde die ik wil aanhouden en dat klopt nu niet (maar ik zit dus met het verplaatsten met die <!-- BEGIN switch_user_logged_out -->
- <a href="{U_REGISTER}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_login.gif"></a></span>
<!-- END switch_user_logged_out -->

Ergens gaat daar iets niet goed mee, en daarnaast krijg ik een heel irritent linklijntje (van 2 pixels breed) dr omheen dus moet ik ook de icons aanpassen omdat het dan echt icons moeten worden en niet kunnen overlopen in de achtergrond.

De balk heb ik namelijk net als de achtergrond gemkaat, de icoontjes ook maar die moet ik dus niet weer veranderen naar:
Afbeelding

Daaromheen loopt een donkerder groen lijntje (kleur van mijn link) terwijl ik dit het liefst weg wil hebben zodat ik mijn icoontjes weer kan veranderen

Geplaatst: 20 feb 2005, 07:38
door Bee
Voor het balkje weghalen voer je de volgende code in, in de IMG tags

Code: Selecteer alles

style="border:none;"
Daarnaast kan je de knoppen gewoon verplaatsen, ik snap niet wat daar moeilijk aan is

In de meeste grafische bewerkers kan je ook een kleur transparant maken, behalve met MSPaint, want dat is rotzooi.

Geplaatst: 20 feb 2005, 11:46
door Eefjuh
Ik bewerkt de icons eerst in paint, de achtergrondkleur daarvan dezelfde kleur die me balk heeft en de achtergrond (banner staat dus zegmaar los), dan kopieren naar paintshop pro, in de juiste maat plaatsten (22 x 26 geloof ik) opslaan uploaden en dan voeg ik die icons toe in .tpl.

Maar t enige wat het probleem is is dat ie dus een linklijn eromheen aangeeft..

Knoppen verplaatsten lukt inderdaad ook nu, dus das niet meer het probleem, alleen die linklijn. :S

Geplaatst: 20 feb 2005, 12:01
door Bee
bee schreef:Voor het balkje weghalen voer je de volgende code in, in de IMG tags

Code: Selecteer alles

style="border:none;"

Geplaatst: 20 feb 2005, 12:50
door Eefjuh
waar voer ik die dan in?

Ik heb net zitten klooien in de .css maar via daar lukt het niet, dat is dit geworden:
/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #3F702E; border : 0; }
a:hover { text-decoration: none; color : #249991; border : 0; }
hr { height: 0px; border: none; #D1D7DC 0px; border-top-width: 0px;}
<a href="{U_SEARCH}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_search.gif"></a>
daar moet ie dus in dan maar waar zet je het neer?

Geplaatst: 20 feb 2005, 12:55
door Bee
bee schreef:
bee schreef:Voor het balkje weghalen voer je de volgende code in, in de IMG tags

Code: Selecteer alles

style="border:none;"
Gee, isn't that convinent?

Geplaatst: 20 feb 2005, 13:37
door Eefjuh
jah dat vat ik, maar waar?! dr voor dr achter?

<style="border:none;"IMG SRC="templates/Appalachia2/images/balk_search.gif">

<IMG SRC="templates/Appalachia2/images/balk_search.gif" style="border:none;">

??

Geplaatst: 20 feb 2005, 13:44
door Cheeta
Eefjuh schreef:jah dat vat ik, maar waar?! dr voor dr achter?

<style="border:none;"IMG SRC="templates/Appalachia2/images/balk_search.gif">

<IMG SRC="templates/Appalachia2/images/balk_search.gif" style="border:none;">

??

Code: Selecteer alles

<IMG style="border:none;" SRC="templates/Appalachia2/images/balk_search.gif">

Geplaatst: 20 feb 2005, 14:15
door Bee
Maakt niet uit waar je het zet, ze zijn allebei correct (persoonlijk geef ik de voorkeur aan een alfabetische volgorde van de attributen ;) )

Geplaatst: 20 feb 2005, 15:04
door Eefjuh
dank je!

Geplaatst: 20 feb 2005, 21:22
door Eefjuh
Bee, moet het niet zoiets zijn?

Inloggen

Code: Selecteer alles

<!-- BEGIN switch_user_logged_out --> 
<a href="{[color=green]U_LOGIN / U_LOG_ME_IN[/color]}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_login.gif"></a>
<!-- END switch_user_logged_out -->

Uitloggen

Code: Selecteer alles

<!-- BEGIN switch_user_logged_in --> 
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_logout.gif"></a>
<!-- END switch_user_logged_in -->
Registreren

Code: Selecteer alles

<!-- BEGIN switch_user_logged_out --> 
<a href="{U_REGISTER}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_register.gif"></a>
<!-- END switch_user_logged_out -->
Op 1 of andere manier heb ik nu 2 uitlogknoppen :P

Code: Selecteer alles

        <tr>
        <td height="32" align="center" valign="middle" nowrap="nowrap"><FONT COLOR=ffffff>
        <span class="mainmenu"> <a href="{U_INDEX}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_home.gif" border="0"></a>
        <span class="mainmenu">   -   <a href="{U_FAQ}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_faq.gif" border="0"></a></span><span class="mainmenu">   -   <a href="{U_SEARCH}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_search.gif" border="0"></a>   -   <a href="{U_MEMBERLIST}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_members.gif" border="0"></a>   -   <a href="{U_STATS}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_stats.gif" border="0"></a>   -   <a href="{U_CALENDER}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_calender.gif" border="0"></a>   -   <a href="{U_LINKS}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_links.gif" border="0"></a>
        <span class="mainmenu">- <a href="{U_PROFILE}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_profile.gif" border="0"></a>   -   <a href="{U_PRIVATEMSGS}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_prive.gif" border="0"></a>   -   <a href="{U_LOGIN_LOGOUT}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_logout.gif" border="0"></a></span>
<!-- BEGIN switch_user_logged_out --> 
   -   <a href="{U_LOGIN}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_login.gif" border="0"></a> 
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in --> 
<a href="{U_LOGIN_LOGOUT}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_logout.gif" border="0"></a> 
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
   -    <a href="{U_REGISTER}" class="mainmenu"><IMG SRC="templates/Appalachia2/images/balk_register.gif" border="0"></a></span>
						<!-- END switch_user_logged_out --> 
        </td>
        </tr>
</TABLE>

Geplaatst: 20 feb 2005, 21:30
door Bee
Wat denk je van plan te zijn met die SML in de inlogcode. Zoals ik het gegeven heb klopt het, ik haal het zo uit mijn eigen templates hier.

Geplaatst: 20 feb 2005, 22:08
door Eefjuh
SML?

Ik heb t gecopieerd van hoe jij het me hebt gegeven :?
Alle tijden zijn UTC+01:00
Pagina 1 van 2
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/