Forum Widget

[George]

Hi,

Nu met een heerlijke vakantie voor mijn neus ga ik er flink tegenaan. Vandaag heb ik even een klein startrje met de widgets gemaakt. Alleen heb ik hier twee vragen bij. Ben geen held met html enzo, dus doe het gewoon met de table optie.

1) Titel font aanpassen (eventueel een shadow erbij en vergoten als je er met je muis opkomt)

2) Ik krijg een onnodig lijntje bij de table (zie afbeelding ter informatie).

[Lone Wanderer]

1) Je bedoelt het stukje "account switch"? Voeg de volgende code toe in de css:

Code:

.module-switch{
 font-family: arial;
 font-size: 12px;
 text-shadow: 1px 1px 3px #fff;
}

.module-switch:hover{
 font-size: 14px;
}

Waarbij je arial vervangt voor het lettertype dat je wilt hebben en bij de font-size zelf ook even kijkt hoe groot je die wilt hebben. De tweede font-size moet groter zijn dan de eerste om te zorgen dat de letters groter worden als je er met de muis overheen gaat. Met de text-shadow moet je ook maar een beetje experimenteren. Ik heb nu gewoon de shadow van je Darius categorie-titels genomen )

2) Haal de border weg bij td.catleft. Dus, in de CSS invoeren:

Code:

td.catleft{
 border-width: 0;
}

Ik hoop dat het zo allemaal lukt, en zo niet, laat je het maar even weten

[George]

Bedankt voor de snelle reactie!

1) Geprobeerd op zowel Chrome als IE, maar beide geen effect.

2) Deze code had ik er dus al in staan; heeft enkel effect op de "Wie is er online", maar dus niet op de widgets.

Ps: Wanneer iemand Google Chrome gebruikt zou hij of zij dan even mijn forum bezoeken en willen melden of de pagina laad? Want als ik via Chrome naar mijn forum gaat word hij wel gewoon weergeven alleen blijft er in het tabje het laadteken staan.

[Lone Wanderer]

Ik gebruik Chrome, en hij laadt gewoon (het gaat toch om Darius?)

Edit: sorry, verkeerde namen gebruikt. Probeer deze code eens:

Code:


 .module-title{
 font-family: arial;
 font-size: 12px;
 text-shadow: 1px 1px 3px #fff;
}

.module-title:hover{
 font-size: 14px;
}


Voor de tweede code zou je eens moeten proberen !important toe te voegen?

Code:


td.catleft{
 border-width: 0 !important;
}


[George]

Gelukkig Bij mij laad de pagina nu ook gewoon, dus was wss iets vreemds van mijn laptop of router.

Het eerste werkt, bedankt! Maar alleen het tweede heeft nog steeds geen effect op de widgets en het randje is er nu ook rondom "Wie is er online".

[Lone Wanderer]

Oh, volgens mij heb ik weer een typefout gemaakt (gaat lekker vandaag XD). Volgens mij moet de L een hoofdletter zijn, dus:

Code:


td.catLeft{
 border-width: 0 !important;
}

[George]

De widgets is nu perfect, alleen is de rand er nu wel bij wie zijn er online. Is hier ook een code voor zover jij weet? En nogmaals hartelijk bedankt!

[Lone Wanderer]

Dat is deze, als ik het goed zie:

Code:

td.catHead{
 border-width: 0 !important;
}

[George]

That is it! Bedankt voor de snelle hulp!

[10spetter10]

Bedankt voor het icoontje aan te passen

[opgelost][/opgelost]