Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in ťťn van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Versie?

Vorige onderwerp Volgende onderwerp Go down

Versie?

Bericht van Nibsy op zo 22 sep 2013 - 19:42

Hallo,
Ik vroeg me af hoe je zo een transparante lay maakt zoals hier? Als je over de tekst gaat, wordt deze ook zo groter en verkleurt, is dit een speciale versie of...? *Forumlink verwijderd door Nathy*


Laatst aangepast door Nibsy op wo 9 okt 2013 - 20:03; in totaal 1 keer bewerkt

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Versie?

Bericht van 10spetter10 op zo 22 sep 2013 - 19:58

@Nibsy schreef:Als je over de tekst gaat, wordt deze ook zo groter en verkleurt, is dit een speciale versie of...?
Even een tekstje gezocht uit een ander onderwerp maar dat ook wel een antwoord is op dit. Dat van die transparante lay begrijp ik niet, waar zie jij die?




Je moet hiervoor de hover selector gebruiken, voorbeeldje:

ga over mij


Code:
<a href="#" class="test-button">ga over mij</a>

---- de css ---

.test-button{
padding: 3px;
font-size: 11pt;
color: black !important;
}
.test-button:hover{
font-size: 12pt;
color: red;
font-weight: 800;
}
In mijn voorbeeld heb ik het dus met een link gedaan (a-element) ik heb hem de class 'test-button' meegegeven, hierdoor kan ik hem dmv de css gaan opmaken. Eerst roep ik mijn element aan door zijn naam te roepen, dit doe ik doordat ik zijn naam in een class zette door er een . voor te zetten, daarna zet ik een open accolade { en geef ik de codes voor de opmaak.

Wanneer je de opmaak wilt laten veranderen roep je de naam zoals je anders doet maar zet je er :hover achter, dit betekent dat het een andere opmaak moet hebben wanneer je er met je muis over gaat. Weer open je een accolade en kies je de opmaak die dan van toepassing moet zijn.

Naast de hover zijn er ook nog een paar andere selectors die actief zijn wanneer je bv klikt(:active), of wanneer je het al eens aangeklikt hebt(:visited).


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates †en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1282
Leeftijd : 19
Taal : Nederlands
Locatie : BelgiŽ
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Gast op zo 22 sep 2013 - 20:02

Dit is geen speciale versie,
Dit is een stukje code in de CSS.

Via Photoshop/Gimp kun je er voor zorgen dat de doorzichtigheid (opacity) van je plaatje bijvoorbeeld 50% is, die sla je dan op, upload je en plaats je in deze code. Die code plaats je in Cascading Style Sheet.

Beheerderspaneel Display Kleuren CSS

Code:
.bodyline {
background-color: transparent;
background-image: url("JOUW IMAGE");
}
Edit:
Ik zal je de code van die tekst nog even geven.

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Nathy op zo 22 sep 2013 - 20:05

Gelieve geen link van je forum te posten in dit topic dit is namelijk tegen de regels! Ik heb deze link verwijderd!

Nathy
Medaille Forumlid
Medaille Forumlid

Oud Globaal Moderator Man Aantal berichten : 622
Leeftijd : 18
Locatie : BelgiŽ
Registratiedatum : 05-01-12
Oprichter van het forum : Nee
Templates gewijzigd : Nee
CSS : Nee

Profiel bekijken http://testforumbe-nl.actieforum.com/
Nathy is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Gast op zo 22 sep 2013 - 20:09

De code van de tekst laat verkleuren en groter maken is dit.
Deze code voer je ook in hetzelfde stukje als de andere code.

Beheerderspaneel Display Kleuren CSS

Code:
a.forumlink {
 †text-transform: lowercase;
 †font-family: Georgia;
 †text-shadow: 1px 1px 0px white;
 †color: #A86034;
 †font-size: 25px;
 †margin-top: -20px;
 †font-style: italic;
 †text-align: right;
 †letter-spacing: -3px;
 †margin-left: 20px
 †text-shadow: #4a4a4a 0px 0px 10px;
}

a.forumlink:hover {
 †text-transform: lowercase;
 †font-family: Georgia;
 †text-shadow: 1px 1px 0px white;
 †color: #00b0fa;
 †font-size: 30px;
 †margin-top: -20px;
 †font-style: italic;
 †text-align: right;
 †letter-spacing: -3px;
 †margin-left: 20px
 †text-shadow: #4a4a4a 0px 0px 10px;
}

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Nibsy op za 28 sep 2013 - 10:56

Oke bedankt, het werkt :3 En die link was alleen maar om aan te tonen hoor.

Ik heb nog ťťn vraagje: Hoe zorg je ervoor dat het forum main logo in de breedte dezelfde lengte heeft als de breedte van het forum? Zo als Serigala of Warrior Cats?

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Versie?

Bericht van 10spetter10 op za 28 sep 2013 - 12:54

Voer deze code in bij je css:

Code:
#i_logo{
margin-left: -10px;
margin-right: -10px;
}
Het kan zijn dat je -10 moet aanpassen zodat het ook op jouw forum werkt.


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates †en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1282
Leeftijd : 19
Taal : Nederlands
Locatie : BelgiŽ
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Nibsy op za 28 sep 2013 - 13:32

Bij het voorbeeld in het beheerderspaneel doet de code het wel maar als ik dan naar mijn forum ga, zie ik dit niet.

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Gast op za 28 sep 2013 - 21:03

De mainlogo kun je gewoon zelf zo groot instellen als je wilt.
Je maakt bijvoorbeeld een banner van 900px, en je stelt in bij configuratie van het forum in dat het forum 850px is, dan past het forum zich aan op de banner die je gebruikt voor je forum.
Tenminste dit doet hij bij mij automatisch.

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Nibsy op ma 30 sep 2013 - 19:37

Ik zal het proberen wat beter uit te leggen c': Stel dat wit is het mainlogo plaatje en het grijze is het forum

Ik zou graag die afbeelding zo hebben:

Als ik het forum kleiner maak, dan verkleint deze het plaatje vanzelf dus ik wee niet hoe ik dat kan oplossen.

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Gast op ma 30 sep 2013 - 21:48

Je kan proberen het met .forumline of .bodyline op te lossen.
Ik weet ook niet hoe ik het anders doe, maar dit kan het ook wel eens zijn.

Code:
.bodyline{
margin-left: 0px;
margin-right: 0px;
}
Code:
.forumline{
border-bottom: 0px #FFFFFF solid;
border-top: 0px #FFFFFF solid;
border-right: 0px #FFFFFF solid;
border-left: 0px #FFFFFF solid;}

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Nibsy op di 1 okt 2013 - 19:23

Dit werkt nog steeds niet als ik dit ingeef bij css.

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Nibsy op za 5 okt 2013 - 23:04

Eh...?

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Re: Versie?

Bericht van 10spetter10 op za 5 okt 2013 - 23:44

Begin eens met een grotere afbeelding te maken. Want volgens mij zit daar je eerste probleem al. Of te wel vergroot je jouw afbeelding dmv van css maar dan gaat de kwaliteit naar achteren.

Code:
.bodyline{
padding: 0px;
}
#i_logo{
width: 100%;
}


Je mag me altijd een pm sturen wanneer ik iets vergeet af te werken, ook ik ben maar een mens!


Veel Voorkomende Problemen | Forum Tools | Tutorials | Skin Aanvraag | Forum Promotie Goedkeuring | Wachtwoord Hoofd-Beheerder kwijt? | Geen ondersteuning via PM | TIP! Vul je browser, forumversie, forum url en of je gebruikt maakt van templates †en/of CSS in op je profiel! Zo kunnen wij je nog beter helpen!

10spetter10
Beheerder
Beheerder

Man Aantal berichten : 1282
Leeftijd : 19
Taal : Nederlands
Locatie : BelgiŽ
Registratiedatum : 08-07-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
10spetter10 is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Gast op zo 6 okt 2013 - 8:55

Als je jouw forum op 800px zet bij configuratie van het algemen op het beheerderspaneel en dan je afbeelding ook op 800px zet en dat met die forumline en bodyline doet, dan moet ie wel uitkomen.
Zo krijg ik de mijne namelijk altijd goed.

Gast
Gast


Gast is bedankt door de starter van dit topic.

Re: Versie?

Bericht van Nibsy op wo 9 okt 2013 - 20:02

Ik heb de code van bodyline gebruikt en dan de formaten aangepast en het werkt. Bedankt!~

Nibsy
Forumlid

Vrouw Aantal berichten : 81
Leeftijd : 17
Locatie : BelgiŽ
Registratiedatum : 18-09-13
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Nibsy is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum