QUIETHELL

Text inne i kommentarsfältet.

I dagens designtips visar jag hur du snabbt och enkelt får en text inne i kommentarsrutan som försvinner när man klickar och börjar skriva. Snabba regler eller något annat roligt är bra att ha i denna ruta.

1. Gå in i kodmallarna, det är här vi ska jobba idag, inget stilmallsjobb krävs för detta. Gå in på kodmallen för inläggen, alltså inläggssidan.

2. Scrolla ner till kommentarsfälten, ni ser på bilden nedan vilket avsnitt jag menar.

3. Under "kommentar:" finns en kod som börjar med <textarea name=...". Byt ut denna mot koden ni ser här nedan. Fyll i vad det ska stå. Spara, and you're done!

<textarea name="content" onchange="doChange(this)" cols="54" rows="7" onFocus="this.value=''; this.onfocus=null;">Skriv din text här</textarea>

Hoppas ni fick nytta av detta designtips. Har ni frågor så lämna en kommentar eller skicka ett mejl till [email protected]. Hör av er angående vad ni vill lära er i nästa tips.

TAAAAAAAAAAACK!!!!!!!

sv. hade varit jätte bra om du la upp det! slide-down-meny har jag verkligen aldrig förstått hur man kodar/lägger in ^^

man kan även mixtra med placeholder="" och sedan stylish i css :)
själv har jag i css

#author:focus, #email:focus, #url:focus, #kommentarer:focus {-webkit-animation: glow 800ms ease-out infinite alternate; box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000; color: #efe; outline: none;}
@-webkit-keyframes glow {0% {border-color: #393;box-shadow: 0 0 5px rgba(0,255,0,.2), inset 0 0 5px rgba(0,255,0,.1), 0 2px 0 #000;}
100% {border-color: #6f6; box-shadow: 0 0 20px rgba(0,255,0,.6), inset 0 0 10px rgba(0,255,0,.4), 0 2px 0 #000;}}
input::-webkit-input-placeholder {color: #fff;}
input:focus::-webkit-input-placeholder {color: #00ff00;}