Knoppen

Hoi hoi,


Een 2e vraagje wat ik overigs ook zou willen veranderen, het forum wat ik aan het maken ben moet gebruiksvriendelijk zijn en die ''Voorbeeld'' en ''Verzenden'' knop zijn vrij klein en helemaal rechts bij de topics die zou ik groter willen.

Is er ook ergens hier een code voor dat deze in het midden komt te staan en het liefst zou ik zulke buttons willen met animatie dat als je met je muis erover heen gaat dat ze blauw oplichten maar dan voor het hele forum (Topics, Zoeken, Privé berichten)

Weet niet of er een site is waar je codes en dergelijke kunt vinden?

Screens:

Bij mij stonden die knoppen vanzelf gecentreerd. Misschien moet je eens controleren of je toevallig nieks hebt aangepast aan de css die bij dat element staat.

Code:

.center {
margin: 0 auto;
text-align: center;
}

Voor het de tekst groter te maken moet je de font-size aanpassen en voor het oplichten moet je hover gebruiken bij je css.

Code:

input.button{
  font-size: 22pt;
}
input.button:hover{
  -moz-box-shadow: 0px 0px 17px #33ffff;
  -webkit-box-shadow: 0px 0px 17px #33ffff;
  box-shadow: 0px 0px 17px #33ffff;
}

Voor de opmaak kan je css en css3 gebruiken.
Er zijn een tal van generators voor css3 die je snel kan vinden via google.
Voor de gewone css heb ik een 'cheatlist' pagina

Hopelijk ben je hier iets mee

@10spetter10, de eerste code kan ik niet vinden in de CSS, werkt ook niet als ik deze toevoeg eraan.

En de buttons, die worden wel groter maar is niet echt wat ik wou hebben ook de link bekeken maar word ik ook niet wijzer van weet niet waar ik moet zoeken. Als je me opweg zou willen helpen graag.

Bedankt!

Wil je identiek het zelfde als je voorbeeld? Want dan zou je eventueel de css kunnen kopieren, maar ik weet niet of dat wel mag

Dat had ik geprobeerd te testen maar deze werkt niet, nee hoeft niet persé het zelfde te zijn dit mag ook niet maar wou zoiets leek me wel grappig haha.

Vertel dan eens wat je precies wilt: grotere tekst, meer ruimte rond de tekst, vet gedrukt, onderlijnd ...?
En als je erover gaat moet het enkel zou die outerglow hebben?

Dan zal ik proberen of ik er iets van kan maken

Het liefste zou ik willen dat het dikgedrukt is, beetje zoals hier zeg maar hier zit er zo'n vierkantje om heen en dan als je met je muis erover gaat dat het dan blauw word.

Dit zijn de kleurcodes die ik graag zou willen: #E4E6E9 en als glow #1AAAC7
Is het overigs ook mogelijk om die grijze balk bij die knoppen wit te maken die je in de beginpost zeg maar op de screenshot ziet?

Voor ze wit te maken moet je dit eens proberen:

Code:

div.sceditor-group {
  background: #FFFFFF;
}

Bij Snel reageren werkt het niet maar volgens mij wel bij uitgebreid reageren.

Hmm dat zal ik dan nog eens moeten bekijken

Zijn dit de buttons die je wilt?

Code:

input.button{
 font-size: 10pt;
 font-weight: bold;
 padding: 2px 4px;
 border: 1px solid #E4E6E9;
 background: #E4E6E9;
}
input.button:hover{
 -moz-box-shadow: 0px 0px 2px #1AAAC7;
 -webkit-box-shadow: 0px 0px 2px #1AAAC7;
 box-shadow: 0px 0px 2px #1AAAC7;
 border: 1px solid #1AAAC7;
}

Anders zeg je maar wat aangepast moet worden

---

Probeer ook eens de vorige code met !important:

Code:

div.sceditor-group {
  background: #FFFFFF !important;
}

Zou het mogelijk zijn dat het gedeelte wat blauw word, dat de tekst die de kleur grijs heeft ook blauw worden en die blauwe lijn ietjes dikker als het zou kunnen? xD

En die ene code met !important: werkt niet, het staat wel goed bij het uitgebreid reageren en bij de privé berichten maar niet bij Snel Reageren zeg maar.

Sorry, ben niet heel makkelijk ben beetje te pressies met fora opbouwen haha.

Joost schreef:Sorry, ben niet heel makkelijk ben beetje te pressies met fora opbouwen haha.

Beter meteen goed maken he, dus daar heb ik geen problemen mee. Als je zelf het niet goed vind moet je het maar zeggen.

De glowline ietsje dikker en de tekst ook blauw wanneer je erover gaat, is het dat wat je bedoelde?

Code:

input.button{
  font-size: 10pt;
  font-weight: bold;
  padding: 2px 4px;
  border: 1px solid #E4E6E9;
  background: #E4E6E9;
}
input.button:hover{
  -moz-box-shadow: 0px 0px 4px #1AAAC7;
  -webkit-box-shadow: 0px 0px 4px #1AAAC7;
  box-shadow: 0px 0px 4px #1AAAC7;
  border: 1px solid #1AAAC7;
  color: #1AAAC7;
}

Bij mij lijkt die balk wel wit te zijn bij snel reageren

Kan die code toch altijd aanpassen toch? Wou die knoppen bij Snel reageren ook in het midden hebben.

Ja de knoppen kan je nog altijd aanpassen. Ik weet wel niet waarom die knoppen bij jou rechts staan en bij mij in het midden. Zou ik eventueel eens mogen kijken via je test account?

Ik stuur je een PM met de inlogcodes.

Probeer deze eens :s

Code:

#quick_reply div.center {
text-align: center !important;
}

bij mij werkt deze wel

Inmiddels werkt het

• Knoppen gecentreerd
• Knoppen groter
• Knoppen die oplichten wanneer je erover gaat

Dan is dit klaar of ben ik iets vergeten?  

Het is helemaal goed nu, misschien ga ik de code van de button iets aanpassen maar moet ik nog eens naar kijken, hartstikke bedankt voor al je hulp, dan sluit ik het topic nu met een mooi slotje.

Aanvraag opgelost en gesloten.