Drop down menu, hjälp!
Finns det någon gullig person här inne som är bra på bloggdesign och skulle kunna hjälpa mig att göra en drop-down meny på min blogg?
Jag har försökt själv men allt blir bara knas..
Har försökt att läsa om bloggdesign och lära mig själv men inget vill fastna i huvudet eller så förstår jag inte hur jag ska göra.. Är så trött på min design och skulle vilja fixa till den men som sagt så kan jag inte det.
Det enda jag kan göra är att göra headers, sätta in den i bloggen, byta färg på bakgrunden, ändra teckensnitt och lite andra småsaker, men kan inget som rör själva designen..
Så finns det någon gullig här inne som skulle vilja hjälpa mig så skulle det vara guldvärt!
Jajamensan!
#1 Vill du hjälpa mig? 
Vart har du varit inne och läst? designadinblogg är en bra sida!
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga
#3 Tror jag har läst där, men är inte säker.
Här försökte jag förstå hur jag ska göra, men jag får inte ihop det vart i koden jag ska klistra in koderna osv.
http://designbyshorty.se/2010/february/horisontell-dropdown-meny-genomskinlig.html
Har även läst här:
http://webbdesigna.se/taggar.php
#2 Absolut :) Vad behöver du hjälp med? (ja drop down-meny men alltså med koden, placering, problem…?)
#5 Jag har ingen aning om hur jag ska börja. I vilken enda.
På denna sida http://designbyshorty.se/2010/february/horisontell-dropdown-meny-genomskinlig.html står det:
1. Kopiera koden i rutan och lägg in den i din Stilmall [Design → Redigera stilmall] glöm inte att Spara.
#navbar { margin: 0; padding: 0; height: 1em; } #navbar li { list-style: none; float: left; } /* Ändra till right om du vill ha menyn till höger istället*/ #navbar li a { display: block; padding: 3px 8px; background-color: #cccccc; /*Ändra färgen på menyflikarna här*/ color: #fff; /*Ändra färgen på texten här*/ text-decoration: none; font-family: verdana; /*Ändra typsnittet här*/ font-size: 10px; } /*Ändra storleken på texten här*/ #navbar li ul { display: none; width: 10em; /* Ändra bredden på undermenyn här */ background-color: #69f;} #navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; z-index: 1; } #navbar li:hover li, #navbar li.hover li { float: none; } #navbar li:hover li a, #navbar li.hover li a { background-color: #889988; /*Ändra färgen på undermenyn*/ border-bottom: 1px solid #fff; color: #ffffff; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover { background-color: #000000; } /*Ändra färgen när man håller musen över undermenyn*/
Men hur ska jag veta exakt var i stilmallen jag ska klistra in koden?
Jag vill alltså ha drop down menyn som hon visar.
Är helt omöjligt att göra sånt här på iFokus…. Du kan väl PM:a?
#7 Ok.
Det beror helt på vart du vill ha dropdownmenyn.
Steg 1
#navbar { margin: 0; padding: 0; height: 1em; } #navbar li { list-style: none; float: left; } /* Ändra till right om du vill ha menyn till höger istället*/ #navbar li a { display: block; padding: 3px 8px; background-color: #cccccc; /*Ändra färgen på menyflikarna här*/ color: #fff; /*Ändra färgen på texten här*/ text-decoration: none; font-family: verdana; /*Ändra typsnittet här*/ font-size: 10px; } /*Ändra storleken på texten här*/ #navbar li ul { display: none; width: 10em; /* Ändra bredden på undermenyn här */ background-color: #69f;} #navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; z-index: 1; } #navbar li:hover li, #navbar li.hover li { float: none; } #navbar li:hover li a, #navbar li.hover li a { background-color: #889988; /*Ändra färgen på undermenyn*/ border-bottom: 1px solid #fff; color: #ffffff; } /*ändra textfärgen på undermenyn här*/ #navbar li li a:hover { background-color: #000000; } /*Ändra färgen när man håller musen över undermenyn*/
Den här koden ska klistaras in längst ner i din stilmall.
Vänliga hälsningar Jessica
medarbetare på socialt stöd & Anhöriga