Dropdown-tips

Sanna tipsar:
Letar du efter något speciellt? Försök tänka ut nyckelord på det du letar efter. Om du till exempel letar efter hur man lägger in en länk så att sidan översätts till ett annat språk så kan nyckelord vara "översätt". Tryck på F-tangenten och Control-tangenten (för PC) eller Command-tangenten (för MAC), då dyker en ruta upp, antingen längst ner på webbläsaren, eller högst upp i fönstret (höger eller vänster), där du kan söka på ditt nyckelord. Då blir det garanterat lättare för dig att hitta det du söker efter! Lycka till!


» Bakgrund på dropdownmenyn
» Bakgrund på dropdown-menyn vid mouseover
» Dropdown-meny
» Dropown via en bild
» Dropdown som sitter fast på sidan
» Genomskinligt vid dropdown
» Lägg en ikon i dropdownmenyn, framför texten
» Lägg in "senaste inlägg", "arkiv", "kategorier" etc. i dropdownen
» Transparenta överkategorier i dropdownen
» Översättningsverktyg i till exempel dropdown-menyn

Kommentarer:

1 - S C H N A I L G U L L -:

skriven

Hej Jag använde din dropdown kord och den funkar suveränt! Men problemet är att den "stör" min kod "nav" alltså koden för att ändra texten i menyn...

Vad är fel, vad kan jag göra?

ps. Jag har försökt byta namn på dropdownkoden så istället för navbar heter den nu dropdown, men funkar ändå inte :/

Svar: har du döpt om alla styckena i den så att dne heter dropdown överallt?
sannas rum

2 - S C H N A I L G U L L -:

skriven

Japp! Om du har lust och om du gör sånt får du gärna ta en titt! Ge en mejladress så kan du få inloggnings uppgifter. Jag håller på att bli galen på det här!

Svar: n ej jag loggar inte in på andras bloggar, får försöka kolla på det från min dator istället!
sannas rum

3 - S C H N A I L G U L L -:

skriven

Här har du bloggen som krånglar: www.schnailgullsdesign.blogg.se

Om du i dropdownen väljer typ kategori eller arkiv så ser du sedan i menyn att texten under rubrikerna "Arkiv" (i själva sidomenyn) är helt knäppa. Deär samma som i dropdownen och går inte att ändra!

Svar: Ja, det är nog för att man använder "li" och "ul" på båda ställena. Vet inte varför det blir så för vissa, har själv aldrig haft det problemet tyvärr, så vet inte riktigt hur man ska göra för att åtgärda det. Du kan ju prova att lägga dropdownkoden högst upp i stilmallen istället och se vad som händer.
sannas rum

4 - S C H N A I L G U L L -:

skriven

Ingen ändring.. kan man inte ändra på nått så att det inte är li och ul på båda? :/

Svar: Man kan ju prova, men det tror jag inte, det är ju en tagg så det går nog inte. Det man kan göra är ju att man tar bort li och ul i menyn och löser det via andra taggar och stilmallskoder. De används ju bara för att påvisa att det är en lista som ska vara där. Men man kan ju bara ta bort de taggarna och skriva < br > istället så byter det rad också kan man styra det med nav eller nåt annat stilmallselement.
Måste också fråga; Du vet att mina ikoner inte får användas till annat än privat bruk. Ser att du har använt dem i den testdesignen, och antar att det inte är din egen design utan en du gjort till en annan person; då är det INTE tillåtet att använda mina ikoner för sociala medier.
sannas rum

5 Jonna:

skriven

Hej, ja jag kör nog på att ta bort allt i menyn förutom presentation. Ja det har jag koll på! Visade henne bara färgen då jag annars gör mina egna ikoner.
Har dock en följdfråga till dig då: om hon då skulle ladda ner ikonerna efteråt och lägga in själv, skulle de inte va samma sak då?

Svar: Nej det är inte samma sak, då väljer hon det själv, men om någon gör en design till någon annan, som inte ska användas själv (designauktion, beställningsdesign, gratisdesign eller vad det än är) så får man inte använda dem, som designer.
sannas rum

6 Jonna:

skriven

Tack då mycket för att du svarade och försökte hjälpa iallfall! :)

7 rebecca:

skriven

Hej du, nu har jag använt mig av din kod här för dropdown meny. Och jag har testat att ändra varendra kod. men jag lyckas verkligen inte att få dropdown menyn till mitten. INGENTING går. har testat att ändra till Center och har även testar med padding och margin men det funkar inte heller. så snälla hjälp mig så är du gullig.

Svar: Jag kan inte se att du har ändrat margin under #navbar. Det är det som ska göras, margin-left ska vara mer till höger om du inte vill ha den till vänster.
sannas rum

8 Siri:

skriven

Hej Sanna! Min dropdown har funkar suveränt hittils, men jag har ett STORT problem med mina länkar som ska gå till att "komma till en specifik kategori osv. Det går inte!! Alltså jag har klistrat in länken osv men det kommer ingen vart, inte heller när jag klickat på mitt arkiv, det blir bara vitt. Vet du något jag kan göra? Tacksam för svar!! x

Svar: Vad jag kan se har du tagit bort typ allt i kodmallarna för kategorier & arkiv det är därför det ser ut så.
sannas rum

9 Siri:

skriven

Men jag har testat med att klistra in de tre olika raderna som visar att det ska vara arkiv osv (svårt att förklara) men det funkar ändå inte... När du visade att man skulle få dropdown sa du ju att man skulle ta bort allt i sin side-kodmall, då försvinner ju all olika kategorilänkar osv! Även ifall jag har laft till de nya precis som du sa och även lagt in de olika länkarna på namnen så funkar det ändå inte :(...

Svar: Men det ska du om du ite ska ha någon meny, det har inte med saken att göra, utan du har på kategori och arkiv-sidorna gjort något så att dina INLÄGG är borta, det har inte menyn att göra, utan du har tagit bort INLÄGGEN, det är det som är fel.
sannas rum

10 Siri:

skriven

Men då fattar inte jag VAD det är som är borta isåfall för jag har testat att både lägga in denna länken:

{% for entry in entries[:20] %}
{{ entry.title }}
{% endfor %}

i mina under och överkatergorier och även enskilt men då kommer ju bara mina senaste inlägg upp och det vill jag ju inte, utan att man skall kunna klicka sig vidare till en viss kategori och kan scrolla vid just den... Förlåt att jag är trög eller jobbig men jag är verkligen jättetacksam att du ens svarar!! Om du inte vill hjälpa mig så förstår jag! x

Svar: Okej maila mig dina kodmallar på arkiv och kategorisidan så att jag får titta på dem? [email protected]
sannas rum

11 Siri:

skriven

Kom min kommentar precis tro?

12 Anonym:

skriven

Nej det gjorde den inte, då tar jag det igen!
Att jag har försökt att lägga in denna länken:

{% for entry in entries[:20] %}
{{ entry.title }}
{% endfor %}

i både under och överkategorier och enskilt men det funkar inte riktigt, då kommer ju bara alla senaste inlägg upp i min dropdown men det vill jag ju inte, utan jag vill bara att man ska kunna klicka sig vidare till en viss kategori, men det tror jag du förstått hehe... Men jag vet liksom inte vad det är som ska vara där isåfall eller jag ser ingen som är annorlunda förutom den länken från min gamla blogg där jag hade sidmeny! Verkligen jättetacksam för att du hjälper mig men förstå om du tycker det är jobbigt men jag har verkligen försökt :( kram! x

13 Siri:

skriven

OVAN var från mig!!!

14 Siri:

skriven

STORT TACK för att du hjälper mig, jag har skickat ett mejl nu!!

15 Frida:

skriven

Jag har typ fått till min dropdown meny nu, men hur får man så att när jag håller muspekaren över tex "inägg" så kommer inläggen upp där under? För just nu så står det bara "länk 1,2,3" osv.

Svar: Mitt förslag är att du antingen använder den där söktjänsten Google, eller att du läser vad som står i inlägget du just kommenterade. Det finns ett tips om det i så SNÄLLA SNÄLLA SNÄLLA, leta först!!! Du får kolla på tipset om hur man lägger in "senaste inlägg" etc. i dropdownen.
sannas rum

16 Frida:

skriven

Men om man har tagit bort "sidemenu", hur tar man länkarna då?

Svar: Jag brukar starta en testblogg för att få tag på dem isf.
sannas rum

17 Magda.:

skriven

Hej! Kan man ha bildlänkar bredvid dropdown-menyn? Hur fixar man det isåfall? :)

Svar: Jag förstår inte riktigt hur du menar tyvärr.
sannas rum

18 Magda.:

skriven

Ber om ursäkt! Menar att om man kan lägga in t.ex en bloglovin-ikon(som länkar till bloglovin) bredvid "arkiv" och "kategorier" i dropdown-menyn? Utan att själva ikonen blir en dropdown alltså. Var det tydligare? Ber ytterligare om ursäkt isåfall, hehe. :)

Svar: Ja absolut, jag skulle isf lägga in en vanlig länk i en egen div-class och positionera den så att den hamnar bredvid dropdownmenyn :) Jag har gjort inlägg om hur man gör egna div-classer, så kolla på det :)
sannas rum

19 Magda.:

skriven

Tack så jättemycket! :)

20 Rebecca Lundqvist:

skriven

Hej! Jag använder din dropdownkod i min sidemeny för arkis och katergorier osv. Jag är skitsnöjd och det funkar utan problem, dock undrar jag ifall du kommer lägga ut en kod för dropdown som man måste klicka ner istället för bara vid mouseover? Som du har själv för tillfället tänkte jag.

Jag är lite störd då jag inte kan gå in på arkiv och kategorier via en ipad eller min mobil då mouseovergrejen inte reagerar där, så tänkte att en som man får trycka ner själv kanske funkar bättre för både dator och mobil då. :)

Tack så mycket för en underbar blogg!

Svar: Det har jag redan gjort :)
sannas rum

21 Rebecca Lundqvist:

skriven

Jag har en till fråga. Jag har ju en dropdownmeny under headern också, som bakgrunden blir rosa vid mouseover, men hur jag än ändrar inte pixlarna i bredd så blir det alltid ett vitt mellanrum efter den sista länken. Jag har på 189px nu, och vid 190px så hoppar den ner. Otroligt störande haha, har du någon aning om hur jag kan fixa detta? Båda mina kommentarer gäller för bloggen http://ehrelle.com/design

Jag vill inte publicera den nya förrän allt är som det ska ;)

Svar: Jag svarar på privata bloggdesignfrågor under fixar-fredag, som kommer upp en gång i månaden. Så håll utkik på sannasrum.se så kommer det säker en fixar-fredag snart :)
sannas rum

22 Magda.:

skriven

Hej Sanna! :)
Jag försöker få min dropdown att hamna under headern genom att lägga koderna under men det verkar inte vilja funka iallafall. Är det så man gör eller är jag helt ute och fiskar? Vad gör jag för fel tror du?

Svar: Jag lägger koderna under div-classen för headern om jag vill att dropdownen ska hamna där ja, sedan får man trixa lite med margin och padding för att positionera den :) Hur blir det för dig menar du? (lite svårt att gissa sig till vad det är som inte funkar)
sannas rum

23 Magda.:

skriven

Ojdå, ber om ursäkt för otydligheten hehe. :)
Jag la alltså koderna under och dropdownen flyttade sig helt enkelt inte till under headern utan stannade kvar ovanför. Är det något i stilmallen man måste ändra på också?
Vet inte om du kan se något, men här är iallafall bloggen jag håller på med: http://testmagda.blogg.se/

Svar: Margin och padding, men säker på att du lagt den under /div
sannas rum

24 Stephanie Nyberg:

skriven

Hej Sanna!
Din blogg har verkligen hjälpt mig med mycket i min design och det är jag väldigt tacksam över :) Men har en fråga!
Har gjort en dropdown meny som du kan se på min blogg. Problemet är att den kan hoppa ner/upp på bloggen beroende på vilken reklambanner som ligger längst upp, om du förstår? Ibland ligger den där den ska men i vissa fall hamnar den helt fel beroende på reklamrutan längst upp. Finns det någon kod man kan lägga in så menyn ligger stilla där den ska? Eller någon annan lösning? Vill ju ha menyn där jag har den nu liksom. Oerhört tacksam för svar!
http://nnybergs.blogg.se/

Svar: Jag tror jag la ut ett tips om det, ska finnas på startsidan, om man scrollar ner lite :) heter typ "dropdown som är kompatibel med blogg.se's banner" eller nåt sånt :)
sannas rum

25 Magda.:

skriven

Jaha! Det låg visst en till /div under som hade hoppat ned en bit, så såg inte den. Men nu fixade det sig ju, vad bra! Tack så hemskt mycket Sanna. :)

Svar: No worries :)
sannas rum

26 Stephanie Nyberg:

skriven

Kollade på "dropdown som är kompatibel med blogg.se's banner"-videon 4 gånger men jag får verkligen inte till så menyn ligger där den ska pga reklamen. Ska jag fortfarande ha kvar värdena under taggen #navbar eller ska jag endast justera under #dropdownmenu? Blir tokig på att det inte fungerar så du får mer än gärna hjälpa mig! Jätte tacksam!

Svar: Jag ändrar vara värden på dropdownmenu, men vart lägger du den? Lägg den under headern, det brukar gå bra för mig :)
sannas rum

27 Stephanie Nyberg:

skriven

Ja okej! Jag lägger den under header-taggen i stilmallen om det var de du menade :) Men när jag bara ändrar värden under dropdownmenu så hamnar menyn typ under reklambannern vilka värden jag än har! Haha jag blir galen men får försöka lösa det på något vis. Är extremt tacksam för att du försöker hjälpa. Du är grym som gör allt det här för oss bloggare. Skulle skickat en ask choklad om jag kunde! Haha :D

Svar: Nej vart du lägger grejer i stilmallen har ingen betydelse för vart de hamnar. Jag menar under headern i kodmallen (alltså Inte efter wrapper, utan innan content istället) :) ingen fara!
sannas rum

28 Magda.:

skriven

Nu har jag lite problem igen, haha!
Jag har alltså sett att man ska ändra margin och padding för att få dropdownen att flytta sig till mitten, när jag gör detta, alltså ändrar värden på margin och padding så flyttar sig dropdownen, men själva inläggsdelen följer med också så det blir helt snett och tokigt, det vill jag ju ej!
Förstår du hur jag menar?

Svar: Då har du inte avslutat dropdownen korrekt, se till så att det innan div id=content finns en /div eller /ul beroende på vad det är som saknas. :)
sannas rum

29 Magda.:

skriven

Tack så mycket, ännu en gång! :)

Svar: Ingen fara :) men on det är så att en annan sektion (i ditt fall content) hoppar och rättar sig efter en annan sektion (i ditt fall dropdownen då) så beror det på att den sektionen inte är avslutad, det är en generell grej :) lycka till!
sannas rum

30 Hannah:

skriven

Jag har en liten fråga, försöker lära mig lite med det här att sätta in lite stilrena linjer på en helt vit design. Såg att du hade gjort designen till http://paulinasuonvieri.blogg.se och tyckte linjerna runt hennes dropdown var jättefint! Har försökt en massor men hittar inte hur jag gör.. Skulle du kunna förklara? :)

Svar: På den har vi gjort linjer på headern, och sedan lagt dropdown ovanpå, så linjerna du ser är från headerbilden. Annars är det CSS och border man använder, du kan kolla här: http://www.w3schools.com/cssref/pr_border.asp
sannas rum

31 Therese Gustavsson:

skriven

Åh måste fråga om du har någon idé om hur man gör en sådan "kommentar-funktion" som Nevnarien har nu? Jätte smart och fint tyckte jag, just att man enkelt kan kommentera direkt utan att behöva gå igenom alla tidigare kommentarer! :D
Jag kan inte ens få det bra nu fast att jag endast har "standard" inställningarna.. Först och främst skulle jag vilja få upp Url länken från den som kommenterar så att det är bakom själva namnet på den som kommenterar, alltså att namnet blir till en länk till dennes blogg (precis som du har) sen skulle jag även vilja flytta tiden som kommentaren skrevs upp till hörnet men det går verkligen inte.. har försökt men då blir allt bara huller om buller, skulle bli sååååhäääär glad om du skulle vilja hjälpa!♥

Svar: Jag har testat att göra detta med visa-dölj-funktion på framsidan, men det är ganska avancerat. Kanske kan göra någon typ av tips om det, men just nu bloggar ju jag för DDB, så om du vill ställa frågor är det nog bäst att du gör det där :)
sannas rum

32 Anonym:

skriven

Var trevlig, och försök så mycket du kan själv innan du frågar! Kom ihåg att man lär sig inget om man inte provar.

Kommentera här: