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.

rpg textarea omzetten naar een div element

Vorige onderwerp Volgende onderwerp Go down

rpg textarea omzetten naar een div element

Bericht van 10spetter10 op zo 17 jan 2016 - 22:55

RPG Textarea omzetten naar een div element


Deze tutorial leert je om de standaard tekstvelden in de rpg-sheet om te zetten naar een makkelijker te bewerken div element.


Deze tutorial is super makkelijk, je moet namelijk enkel een script kopieren en plakken. Daarna kan je eventueel nog verder opmaken met css.

Javascript instellen


Beheerderspaneel Modules html & javascript Javascript code beheer †

Maak hier een nieuw script met volgende waarden:

Code:
Titel: (vb: textarea omzetten naar div)
Plaatsing: op alle pagina's
Code: zie hieronder


Code:
$(function() {
 † † † †var pathname = $(location).attr('pathname');
 † † † †if (pathname.match("^/u") && pathname.match("rpg$")) {
 $("textarea").each(function(index, value) {
 var obj = jQuery(value);
 var tmp = obj.val().replace(/[\r\n]/g, "<br />");
 var newTag = jQuery("<div></div>").html(tmp);
 newTag.addClass("rpg_text");
 obj.replaceWith(newTag);
 });
 † † † †}
});

CSS instellen


CSS instellen is eerder optioneel, maar nu je toch een div element hebt in de plaats van die textarea kan je er even goed iets moois van maken. Hieronder vind je de code van het voorbeeld.

Beheerderspaneel Display Plaatjes en kleuren Kleuren Cascading Style Sheet

Plak hier de volgende lijnen css:

Code:
.rpg_text {
 †width: 330px;
 †height: 150px;
 †padding: 4px 4px 4px 10px;
 †background-color: #F0F8FF;
 †border: 1px solid #ACD8FF;
 †border-radius: 5px 0px 0px 5px;
 †overflow-y: scroll;
 †scrollbar-base-color: #acd8ff;
 †scrollbar-track-color: #e7eeff;
 †scrollbar-shadow-color: #acd8ff;
}
.rpg_text::-webkit-scrollbar {
 †background: #E7EEFF;
 †width: 6px;
}
.rpg_text::-webkit-scrollbar-thumb {
 †background: #ACD8FF;
}

Laat je fantasie de loop en maak je eigen opmaak: kleur de tekst, centreer ze, gebruik een achtergrondfoto ...


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 : 1296
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.

Vorige onderwerp Volgende onderwerp Terug naar boven


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