Knoppen in de balk

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Knoppen in de balk

Bericht door Eefjuh » 19 feb 2005, 04:32

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:

Gebruikersavatar
DoubleJ
Berichten: 502
Lid geworden op: 22 jan 2005, 17:20
Locatie: Enschede
Contacteer:

Bericht door DoubleJ » 19 feb 2005, 10:36

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
DoubleJ - "Waarom makkelijk doen, als het ook moeilijk kan."

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 19 feb 2005, 11:31

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

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 19 feb 2005, 20:36

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

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 19 feb 2005, 21:18

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 --> 
Laatst gewijzigd door Bee op 19 feb 2005, 21:25, 1 keer totaal gewijzigd.
... Maar ik modereer (nog) niet.

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 19 feb 2005, 21:21

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?

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 19 feb 2005, 21:25

Ja, maar wacht even, ik ga zo ff mijn post editten, ik zie allerlei rotzooi staan...
... Maar ik modereer (nog) niet.

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 19 feb 2005, 23:01

<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

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 20 feb 2005, 07:38

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.
... Maar ik modereer (nog) niet.

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 20 feb 2005, 11:46

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

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 20 feb 2005, 12:01

bee schreef:Voor het balkje weghalen voer je de volgende code in, in de IMG tags

Code: Selecteer alles

style="border:none;"
... Maar ik modereer (nog) niet.

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 20 feb 2005, 12:50

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?

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 20 feb 2005, 12:55

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?
... Maar ik modereer (nog) niet.

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 20 feb 2005, 13:37

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

??

Gebruikersavatar
Cheeta
Berichten: 1165
Lid geworden op: 11 jan 2004, 11:26
Locatie: Mijdrecht Sites: -- Derbi Club --
Contacteer:

Bericht door Cheeta » 20 feb 2005, 13:44

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">
Don't mess with BD and save the Cheeta's!

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 20 feb 2005, 14:15

Maakt niet uit waar je het zet, ze zijn allebei correct (persoonlijk geef ik de voorkeur aan een alfabetische volgorde van de attributen ;) )
... Maar ik modereer (nog) niet.

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 20 feb 2005, 15:04

dank je!

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 20 feb 2005, 21:22

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>

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 20 feb 2005, 21:30

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.
... Maar ik modereer (nog) niet.

Gebruikersavatar
Eefjuh
Berichten: 512
Lid geworden op: 07 jan 2005, 14:26
Contacteer:

Bericht door Eefjuh » 20 feb 2005, 22:08

SML?

Ik heb t gecopieerd van hoe jij het me hebt gegeven :?

Gesloten