Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse

Ta bort understrykningen på länkarna

Ta bort understrykningen på länkarna

Jag får ganska så många frågor om hur man tar bort själva understrykningen på länkar i sin blogg, och jag har skrivit ett inlägg om det, men har insett att det är lite bökigt att hitta, så jag skriver ett kort inlägg här istället.

Det finns ju lite olika länkar på bloggen… de som du själv lägger in i när du skriver ett inlägg…

353660-24

….och de som redan finns på din blogg, t.ex kommentarer, permalink osv…

353660-25

…och sen de länkar som finns i menyn (till höger på min sida)…

353660-26

Man ändrar dessa på olika ställen, men jag skall förklara.

Först så skall vi ha en liten lektion i vad som är vad i koden.

a:link { text-decoration: none; color: #CC3333} (Koden för en vanlig länk)
a:visited { text-decoration: none; color: #CC3333} (Koden för hur länken ska se ut till en sida du har besökt)
a:hover { text-decoration: underline; color: #000000}
(Koden för hur länken ska se ut när du håller muspekaren över den)

text-decoration (Här kan du bestämma om du vill att länken ska vara understruken, i så fall ska du skriver du text-decoration: underline; vill du inte ha någon understrykning skriver du text-decoration: none;

Så, om du vill ta bort understrykningen i din blogg, så ska du kika efter de ställen i koden som det står text-decoration: underline;

OM det INTE finns någon kod som det står text-decoration på, då måste du lägga till det för att få bort understrykningen.
Lägg till text-decoration: none; i så fall.

Jag hoppas att detta förenklar lite för er…

Grundare av Designa Din Blogg. Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

74 kommentarer

    1. Svaraviktoria

      Går först in på redigera stilmall, sen klistrar du in:
      a:link { text-decoration: none; color: #CC3333}
      a:visited { text-decoration: none; color: #CC3333}

      över det här stycket:
      a {
      color: #000000;
      }
      a:hover {color: ##D8A8D8;}

      Därefter kommer alla understrykningar att försvinna.

      1. Sara

        Men då försvinner ju även linjen under “kommentarer” “permalink” osv? Går det att ha kvar strecket under där men inte i inläggen? 🙂

      2. ethel

        Viktoria, jag tror jag älskar dig. Slitit mitt hår över det här i några timmar nu!

      3. Annie

        Det fungerar inte för mig att lägga in det där! Det enda som händer är att den horisontella menyn blir blå och mörklila. Men jag lägger in den där du säger att jag ska lägga in den. Inga understreck försvinner?

  1. SvaraJessica

    Eh..asså jag fattar inte riktigt vart det är man ska lägga in det där, för att jag hittar inte någonstans där det står det där i stilmallen..

    1. SvaraCookie

      Ett tips från mejj om du inte hittar koderna du letar efter:

      Håll in knappen “CTRL” och tryck sen på “F” sammtidigt som du håller ner knappen “CTRL”. Då kommer det upp en ruta antingen högst upp eller längst ner på sidan. Och där skrier du vad koden heter som du letat efter oh så söker den igen din kodmall eller stilmall efter den koden oh markerar den med grön bakgrund. Lycka till! 😀

      😉

  2. SvaraChrista Ajris

    Hej! Först och främst: Tack för en utmärkt blogg!

    Jag har ett stort problem när det gäller länkar och hur jag än vänder och vrider på problemet kan jag inte lösa det. Så nu blir du min sista utväg 🙂 Om du vill svara förstås.

    Under alla mina länkar i bloggen, både i inlägg och i sidomenyn, blir det korta streck/punkter under länken. Inte en vanlig understrykning alltså!! Bara små korta streck. I inläggen syns dessa punkter konstant, men i sidomenyn endast när jag håller musen över länkarna.

    Jag har aldrig haft detta problem förut och tycker själv jag har rätt bra koll på alla koder i bloggen. Naturligtvis har jag satt “text-decoration” till “none” på ALLA länktyper!

    Men dessa små streck dök upp någon gång då jag pysslade med bloggdesignen, så något galet måste jag ändå ha ändrat. Troligtvis bara gjort något slarvfel som påverkat alla länkarna.

    Har du någon aning om vad felet kan vara?? :S

    Antagligen ser alla som besöker min blogg också dessa märkliga understreck. (T.ex. om man håller musen över reklamikonerna i sidomenyn.)

    Hoppas, hoppas, hoppas någon kan hjälpa mej med detta snart…… Det ser inte så snyggt ut att ha det i bloggen. :/

    TACK på förhand!!

  3. SvaraCissi

    Vart ska man lägga till den där koden då, om man vill fixa länkarna i sidmenyn? Är det inte i #side?
    Och hur gör jag om jag inte vill ha nå mellanrum mellan typ kategori och arkiv och de.Så hela menyn sitter ihop menar jag. För nu är är det värsta mellanrummet och det blir ju en annan färg där om jag ändrar #wrapper. Testat men jag hittar ingenting..

  4. SvaraNatalie

    Förenklar? Det står ju inte vart man ska gå in, det står ju inte vart man ska sätta in texten..

    1. Svarasofie

      tryck CTRL+F när du är på stilmallen så kommer det upp en liten sök ruta längst ner på sidan, skriv a:link där så letar den upp alla sånna ord som finns i stilmallen.

      1. jennpenn

        jag hittade faktist inte heller a:link koden! finns inte. kan man lägga till den? iså fall vart ska den vara? 🙂

  5. SvaraMAYA

    där man ändrar färg på länkarna te.x {color: #FFA0CC;text-decoration:underline;}
    a:hover {color: #F43FA5;text-decoration:underline;}
    så ska man skriva none istället för underline 🙂

  6. SvaraChrista Ajris

    Kan man inte få ett svar på sin kommentar/fråga (läs några steg ovan)??? :S JAG BEHÖVER VERKLIGEN SVAR :/

    tack på förhand!

  7. Svaraalva

    För mig gick det att få bort det i menyraden och då skrev jag så här
    .nav a { text-decoration: none; color: #000000; }
    .nav a:hover { text-decoration: none; color: #000; }
    i redigera din stilmall.
    Pröva gärna.
    heejs!

      1. alva

        och samma sak för att få bort det understryckta under inlägget
        där skrev jag så här
        .entrymeta a { text-decoration: none; color: #53454b; }

        .entrymeta a:hover { text-decoration: none; color: #000; }
        under avsnittet
        .entrymeta a
        &
        .entrymeta a:hover

        Hoppas att det hjälpte.

        hejss!

  8. SvaraLova

    Jag förstår allt vad som menas men det ända jag inte förstår är vart man hittar koderna, är det i redigera stilmall eller kodmallar?
    Blir sjukt glad om jagfår svar. puss och kram skumm banan!

    1. SvaraMolly

      Hej, jag hittade det överst på sidan redigera i stilmallar efter Body och innan #wrapper, kopierade så ser det ut på min sida numera, hoppas det hjälpte 🙂

      body {
      margin: 20px 20px 0px 0px;
      background: #ffffff;
      }

      a {color: #000000;text-decoration: none}
      a:hover {color: #000; text-decoration:none;}

      #wrapper {

      1. lisa

        åh detta fungerade super!! har suttit hela kvällen och skrivit sönder frasen text-decoration: none;.. men nu funkade det äntligen! TACK MOLLY. 🙂

      2. Elin

        Min ilska höll på att gå ut över tangentbordet då jag inte förstod förklarningen ovan. Tack så jätte mycket, för att du räddade min dator för att bli massakrerad!

      3. hanna

        tack! det där koden hjälpte. hade inga problem vart den skulle sitta, men jag hade ingen korrekt kod. 

  9. SvaraE L I N

    tack så hemskt mycket för hjälpen 😀
    det funkade utmärkt!!
    BTW – jag gjorde så som molly hade skrivit, fast jag kopierade hennes malla, eller det som hon visade och la in det i min, sen funkade det 😀
    Tack Molly !!

  10. Svaraerika

    Jag fattar inte hur man tar bort den understrukna texten på kommentar sidan där det står :
    namn, epost, url/blogg, kommentar, allt det är understruket jag fattar inte hur jag får bort det, vore bra med hjälp! 😀

  11. Svaramalin

    hej! jag fattar ingeting av det här .. för dom där koderna finns inte i min stil mall eller i kodmallarna.. fattar ju inte vart det är man ska vara inne och mecka i heller… hur ska jag göra?

  12. SvaraDaniella

    Hej! asså jag har ett problem :/ Jag har typ runda prickar före mina ketegorier typ (prick) min vardag osv. och jag fattar inte hur man tar bort den? snäääla nån so kan hjälpa mig+? 🙂

  13. SvaraSophie

    Hej! Jag har en fråga! Jag har ett domän. Ett gratis domän hos dot.tk men jag fattar inte hur man kopplar i hop det med blogg.se. Man ska ju gå in på inställningar och dömän. Men sen fattar jag ingenting. Snälla hjälp mig!!!

  14. Svarahanna

    men snart får jag väl rycket !! nu har jag fixat så jag bara har udnerstykning när man håller muspekaren över länken
    men då blir länkarna i mina inlägg röda -.-

    snälla, kan någon hjlpa mig. (a) jag har kollar och det finns INGEN fägkod som vissar röd färg ..

  15. Svaravendela

    Funkar inte alls för mig! har gått ner till .nav för jag vill ta bort underline på länkarna i menyn, lägger till text-decoration: none; men det funkar inte! HJÄLP?!

  16. SvaraAmanda

    Hej! Först och främst vill jag tacka för fantastisk hjälp!! Den här bloggen har hjälpt mig otroligt mycket!
    Men, jag skulle behöva hjälp med en sak som jag inte hittar något inlägg om.
    Jag har en bildlänk till bloglovin’ i inläggssidan. Men nu har 
    “Lämna din kommentar här! , Ditt namn: , Spara uppgifter? , Din epost, kommer ej publiceras: , Din blogg eller hemsida: , Kommentar:” också blivit länkar till bloglovin’! Vet du hur jag tar bort det? Snälla, snälla, hjälp mig!
    Här har du en länk till hur det ser ut: http://amandasonja.blogg.se/2011/november/beautiful-morning.html#comment

  17. SvaraS A R A

    Hur tar man bort länkar I ett inlägg? T.ex om jag länkar, i ett inlägg, till en annan blogg? Hur tar jag bort understrykningen då?

  18. Svaranathalie

    Hej 🙂 Jag sitter med tvärtom, o vill få dit linjerna.. Min kod i stilmallen e lagd att det ska finnas linjer, men de blir inte det, plus att färgen e fel, jag har satt en rosa färg, men den e svart =/

    stilmall:

    .nav a { text-decoration: underline; color: #faccec;text-transform: uppercase; font-weight: normal;}
    .nav a:hover { color: #000000;cursor: crosshair;text-transform: uppercase; -o-transition: all 0.7s ease-out 0s;
    -webkit-transition: all 0.7s ease-out 0s;
    -moz-transition: all 0.7s ease-out 0s; }

    I kodmallen:

    <div id="side">
    <div class="box"><font face="Josefin Sans" size="4" color="#888888"><center><br><br>KATEGORIER</center></font>
    <br><br>
    <font face="Josefin Sans" size="3" color="#faccec">
    <a href="http://nathalieflisback.blogg.se/category/bloggen.html">
       Bloggen</a>
    <br><br><br>
    <a href="http://nathalieflisback.blogg.se/category/vardagslivet.html">   Vardagslivet</a>
    <br><br><br>
    <a href="http://nathalieflisback.blogg.se/category/mina-djur.html">   Mina djur</a>
    <br><br><br>
    <a href="http://nathalieflisback.blogg.se/category/mitt-hem.html">   Mitt hem</a>
    <br><br><br>
    <a href="http://nathalieflisback.blogg.se/category/i-min-tradgard.html">   I min trädgård</a>
    <br><br><br>
    <a href="http://nathalieflisback.blogg.se/category/pinterest.html">   Pinterest</a>
    <br><br><br>
    <a href="http://xn--nathalieflisbck-dlb.se/category/mat-och-gott.html">   Mat och gott</a>
    <br><br><br>
    <a href="http://xn--nathalieflisbck-dlb.se/category/for-you.html">   For you</a>
    <br><br><br>
    <a href="http://xn--nathalieflisbck-dlb.se/category/jag-och-min-alskade.html">   Jag och min älskade man</a>
    <br><br><br>
    <a href="http://xn--nathalieflisbck-dlb.se/category/smink-och-skonhet.html">   Smink och skönhet</a>
    <br><br><br>
    <a href="http://xn--nathalieflisbck-dlb.se/category/funderingar.html">   Funderingar</a>
    <br><br><br>
    <a href="http://nathalieflisback.blogg.se/category/tavlingar.html">   Tävlingar</a>
    <br><br><br>
    <a href="http://xn--nathalieflisbck-dlb.se/category/wanties.html">   Wanties</a></div>
    </font>

    Varför får jag inte dit linjerna och vrf visas inte rätt färg ?

    1. SvaraSanna Preifelt

      Stycket du har ovan i stilmallen har du lagt in under .nav, men du har inget nav i din meny = det finns inget som kan lyssna på det som du skrivit i din stilmall. Du behöver alltså lägga in:

      <div class="nav">

      efter att menyn öppnas (efter <div id=”side”>)

      1. nathalie

        Tack de gick.. Men hur får man understrykningarna att nå hela vägen o inte bara under länkarna ?

      2. Sanna Preifelt

        Då får du nog lägga en understrykning på raden istället, och inte på länken. Då lägger du typ border-bottom: 1px solid #000; under .nav li i stilmallen och tar bort text-decoration: underline; på länkarna.

  19. Svaranathalie

    Hmm, när jag la in de nav direkt under side, så rätta de till sig, o de ser bra ut på framsidan. Men när jag lägger in nav på de andra kodmallarna, så kommer de lila färg till höger om inläggsrubriken där uppe plus att länkarna i menyn blir mkt mer mellanrum mellan dom. På framsidan rätt, men på de övriga sidorna fel. Tar jag bort nav under side på de andra kodmallarna, så försvinner de lila bredvid inläggsrubriken, och de blir rätt mellanrum mellan länkarna. Är det ngt mera som jag kan ha missat på de övriga kodmallarna för att nav ska bli rätt där ?

    1. SvaraSanna Preifelt

      Tyvärr kan jag inte hjälpa dig om jag inte kan se hur du gjort, så vänligen lägg in det på de andra sidorna också så att jag kan se vad det är som händer 🙂

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

OBS! Om du skall skriva kod måste du göra på följande sätt: [code]Din kod här[/code]

Genom att använda DDB, godkänner du användning av cookies. mer info

Denna sajten använder cookies för bästa användarupplevelsen. Genom att använda sajten accepterar du att cookies används.

OK