hoe in fp klikbare linkplaatjes plaatjes late verandere

[opel94]

hoe kan ik in frontpage klikbare linkplaatjes  late verandere als men er over gaat en aanklikt
ik heb een forum en nu zou ik graag de look wat over nemen nu heb ik dat klaar maar hoe los ik dat op met de plaatjes als men er over gaat en klikt
zie link forum wat ik bedoel het gedeelte in het zwarte menu balk dat wil ik ook op de site maken dat het zo veranderd de koppen

[SoftAid]

Hallo Opel94,

de site die je als voorbeeld geeft maakt gebruik van CSS om haar code te vereenvoudigen.

in principe gebruiken ze een gewone <a href...> HTML code, maar de knoppen (en de mouseover reacties) staan in de css, en die kan ik niet zien.

je kan volgende code terug vinden in de bron van de website (waarin we de namen en adressen veranderd hebben):

Code:

<ul>
      <li class="button"><a href="http://oplossing.be"><span>Knop 1</span></a></li>
      <li class="button"><a href="http://oplossing.be"><span>Knop 2</span></a></li>
      <li class="button"><a href="http://oplossing.be"><span>Knop 3</span></a></li>
</ul>

enzovoort....

Je ziet dat achter <li... (dat is een lijst onderdeel van de lijst <lu>) ... class button> staat. Dit duid op een css-bestand waarin beschreven staat hoe de knop er uit moet zien en zich moet gedragen (Kleur, afmetingen, mouseover-kleur enzovoort).

Zelf heb ik nooit met css gewerkt, maar er zijn ontzaglijk veel sites te vinden waarin html en css wordt uitgelegd en onderwezen. (Google)

SoftAid              

[opel94]

Hallo Opel94,

de site die je als voorbeeld geeft maakt gebruik van CSS om haar code te vereenvoudigen.

in principe gebruiken ze een gewone <a href...> HTML code, maar de knoppen (en de mouseover reacties) staan in de css, en die kan ik niet zien.

je kan volgende code terug vinden in de bron van de website (waarin we de namen en adressen veranderd hebben):

Code:

<ul>
      <li class="button"><a href="http://oplossing.be"><span>Knop 1</span></a></li>
      <li class="button"><a href="http://oplossing.be"><span>Knop 2</span></a></li>
      <li class="button"><a href="http://oplossing.be"><span>Knop 3</span></a></li>
</ul>

enzovoort....

Je ziet dat achter <li... (dat is een lijst onderdeel van de lijst <lu>) ... class button> staat. Dit duid op een css-bestand waarin beschreven staat hoe de knop er uit moet zien en zich moet gedragen (Kleur, afmetingen, mouseover-kleur enzovoort).

Zelf heb ik nooit met css gewerkt, maar er zijn ontzaglijk veel sites te vinden waarin html en css wordt uitgelegd en onderwezen. (Google)

SoftAid              

Dus infeite gewoon dat deel uit de overall header copieren ? en in html plaatsen ?
Als ik het bovenste deel zou kunnen bekomen zo including de afbeelding enz kan plakken in een html page en dan de rest kan stylen dat zou super zijn

in bijlage bestand van de overall header 'openen in kladblok'
Dit is gedeelte van die button links

Code:

<div id="menu">
    <div id="menu_corner"></div>
    <ul>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be"><span>VwBc Website</span></a></li>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be/Magazine.htm"><span>V wBc Magazine</span></a></li>
      <li class="menu_button"><a href="http://www.vwbelgium-community.be/Extra.htm"><span>Extr a</span></a></li>
      <li class="menu_button"><a href="{U_INDEX}"><span>{L_INDEX}</span></a></l i>
  <li class="menu_button"><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li> ;
  <!-- IF S_DISPLAY_SEARCH -->
  <li class="menu_button"><a href="{U_SEARCH}"><span>{L_SEARCH}</span> {S_SEARCH_HIDDEN_FIELDS}</a></li>
  <!-- ENDIF -->
  <!-- IF not S_IS_BOT -->
      <!-- IF S_DISPLAY_MEMBERLIST --><li class="menu_button"><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a ></li><!-- ENDIF -->
  <!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED --><li class="menu_button"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
  <li class="menu_button"><a href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span>&l t;/a></li>
  <!-- ENDIF -->

Maar ik zie niet als ik in voorbeeld kijk de menu enz staan gewoon de tekste dat kan mss wel normaal zijn ?
dat ik dat pas zie als ik dat bv in de html page plak die online sta het wel ga zien of werkt het niet zo

[SoftAid]

Hallo Opel94,

je zal eerst een cursus html en css moeten leren alvorens je hier mee overweg kan. Zoals ik reeds schreef zitten vele gegevens in een .css document, en tot dat document heb jij geen toegang.

Maar ik zie niet als ik in voorbeeld kijk de menu enz staan gewoon de tekste dat kan mss wel normaal zijn ?

Dat is inderdaad normaal. De knoppen zijn beschreven in het css-document. De html-code <... class> haalt die informatie op uit het css.

dat ik dat pas zie als ik dat bv in de html page plak die online sta het wel ga zien of werkt het niet zo

zoals ik al schreef, je hebt een css bestand nodig omdat daar de beschrijving staat van die knoppen. En die css moet je schrijven in functie van je HTML.

Leren, leren en nogmaals leren. Trouwens, blijkbaar antwoord je op mijn reactie zonder enige tutorial over HTML of CSS te hebben gelezen (geleerd) 

SoftAid              

[opel94]

um heb twee websites al onlline in html dus de meeste dingen weet ik wel, forum wat ik heb is ook meesten hoop zelf gedaan en hier en daar wat aangepast met dingen die ik heb opgezocht en wat hulp maar vroeg me gewoon af als ik dat zo kon doen.

je bedoelt die links in google om deze allemaal te lezen ?

[SoftAid]

je bedoelt die links in google om deze allemaal te lezen ?

Hallo opel94,

je MOET niets, maar het is toch aan te bevelen om die cursussen HTML en CSS eens goed door te nemen, als je wilt kunnen begrijpen wat er gebeurt op de door jou aangehaalde sites om die effecten te verkrijgen.

Het is eenvoudig om 1 of 10 sites on line te zetten, maar ik heb de indruk dat je nu steeds op het zelfde niveau blijft hangen. Wil je nieuwe technieken gebruiken, dan zal je deze moeten bestuderen en leren...

SoftAid              

[nero1]

Je wil dus gewoon Rollover Buttons... kan op verschillende manieren, best even een tutorial op google zoeken: gewoon daar "rollover button" ingeven.

Heb je geen zin om het zelf te schrijven, gebruik dan bvb photoshop of Paint Shop Pro...

Makkelijkste manier, al gemaakt javascriptje gebruiken, de verschillende knoppen moet je dan wel nog zelf maken hé (ander kleurtje of achtergrond) : klik hier
of zoek een ander op het www.