Elvihető fejlécek + Függőleges menükódok

Drága olvasók!
Mindenkinek Boldog sikeres új évet kívánok! 
A héten csináltam 2 fejlécet és arra gondoltam, hogy kiteszem ide hiszen már nagyon rég volt, hogy én elvihető fejlécet raktam volna ide így csináltam több változatot. Csak egyre írtam címet, és a többire azért nem mert tudom hogy ha valakinek kellene is a cím nem jó, így vagy ráírja az akinek vagy ír nekem hogy írjam rá. 
Valamint még pár hete kért valaki a chatben menükódokat, így hoztam kettőt. Remélem hasznotokra válnak a fejlécek is és a kódok is! :)

Roxana

Elvihető fejlécek:
Ha viszitek és nem tudtok rá írni címet, írjatok és én  megcsinálom! 
Ha esetleg az első fejléc kéne, amin van cím és azt leszeretnétek cserélni, írjatok nekem és én lecserélem! :)



Menükódok:
(Forrás: LindaDesign)
Az első menü így néz ki:
Forrás: LindaDesign




A második menü így néz ki:








Első kódja:
<div align="center">
<a class="vertical-menu" href="LINK">Menü címe</a><br />
<a class="vertical-menu" href="LINK">Menü címe</a><br />
<a class="vertical-menu" href="LINK">Menü címe</a><br />
<a class="vertical-menu" href="LINK">Menü címe</a><br />
<a class="vertical-menu" href="LINK">Menü címe</a></div>
<style type="text/css">
a.vertical-menu{
   font-family: Trebuchet MS !important;
   background-color: #F5F5F5;*háttérszín*
   color: #000000 !important;*betűk színe*
   font-size: 12px !important;
   text-transform: uppercase !important;
   letter-spacing: 1px;
   padding: 5px 0 3px 0;
   margin: 2px;
   text-align: center;
   width: 250px;
   height: 20px;
   border-left: 7px solid #000000;*oldalak színe, ez itt épp a fekete*
   border-right: 7px solid #000000;*oldalak színe, ez itt épp a fekete*
   text-decoration: none;
   margin-bottom: 1px;
   border-radius: 20px;
   display: inline-block;

</style>

Második kódja:

<ul>
<li>
                <a href="LINK">CÍM 1</a></li>
<li>
                <a href="LINK">CÍM 2</a></li>
<li>
                <a href="LINK">CÍM 3</a></li>
<li>
                <a href="LINK">CÍM 4</a></li>
<li>
                <a href="LINK">CÍM 5</a></li>
</ul>
</div>
</div>
<style type="text/css">
ul{
    counter-reset: li;
    list-style: none;
}

.list-menu{
        width: 300px;
    font: 10px 'trebuchet MS', 'lucida sans';
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
        text-align: left;
}

.list-menu a{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: .5em 0;
    background: #8c544f;
    color: #fff;
    text-decoration: none;
    border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
    transition: all .3s ease-out;  
}

.list-menu a:hover{
    background: #000;
        color:#fff;
        text-shadow:none;
}

.list-menu a:hover:before{
    transform: rotate(360deg);  
}

.list-menu a:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;  
    left: -1.3em;
    top: 50%;
        color:#fff;
    margin-top: -1.3em;
    background: #000;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;

}</style>

36 megjegyzés:

  1. Drága Roxana!
    Szerintem nagyon jók lettek a fejlécek! Az Arianas egyszerű , de szerintem nagyon jó, de a kedvencem az első Selenas! Egy-két hét múlva én azt majd szeretném! :) Nagyon jó lett, a színek eszméletlen jók :3
    Ügyii vagy!
    Ölel, Happy Girl

    VálaszTörlés
    Válaszok
    1. Drága Happy Girl!
      Nagyon szépen köszönöm! Szerintem nem lettek a legjobbak, meg elvihetőnek sosem szoktam bonyolultakat csinálni...Igen az Arianas nagyon egyszerű lett, de szerintem nem rossz. :) Az első Selenas nekem is tetszik a színek miatt. Rendben , azért köszönöm hogy ennyire előre szóltál! :)

      Ölel,
      Roxana

      Törlés
  2. Kedves Roxana!
    Ezek eszméletlen jók! Az első Arianas fejlécet elvittem a készülődő blogomra.. Ha nem sikerül nekem szépen ráírnom a címet, akkor írok neked! :)) A menükódok is jók onnan pedig a másodikat vinném!
    Köszönöööm!
    Ölel és puszil,
    Míra

    VálaszTörlés
    Válaszok
    1. Drága Míra!
      Nagyon örülök, hogy tetszik és köszönöm, hogy szóltál!
      Persze, ha nem megy nyugodtan rám írhatsz és megcsinálom! :))
      Ölel, Roxana

      Törlés
  3. Roxana!

    Nagyon ügyes vagy! Tetszenek a fejlécképek.

    Vida

    VálaszTörlés
  4. Kedves Roxana!
    A fejlécek gyönyörűek lettek és, ha nem nagy gond, elvittem a másodikat. :)

    Ölel,
    Isobel

    VálaszTörlés
    Válaszok
    1. Kedves Isobel!
      Dehogy gond, azért vannak! :)
      Örülök, hogy tetszenek és köszönöm, hogy szóltál!

      Roxana

      Törlés
  5. Kedves Roxana!

    Elvittem a legelső fejlécet, nagyon szépen dolgozol, és igényesek a munkáid! Köszönöm.

    Hyro♥

    VálaszTörlés
    Válaszok
    1. Kedves Luca!

      Nagyon szépen köszönöm!
      Örülök, hogy tetszenek a munkáim és köszönöm, hogy szóltál! :))

      Ölel,
      Roxana

      Törlés
  6. Drága Roxana!
    Nagyon csodálatosak a fejlécek és a kódok is. A második kódot vittem. (:

    Ph. Maye

    VálaszTörlés
    Válaszok
    1. Kedves Phoenix!
      Örülök, hogy tetszenek és köszönöm, hogy szóltál! :) (:
      Roxana

      Törlés
  7. Sziasztok! :) Valaki meg tudná mondani nekem, hogy kódot hogy kell úgy beilleszteni a bejegyzésbe, hogymeg is jelenjen?

    VálaszTörlés
    Válaszok
    1. Kedves Névtelen!
      Bejegyzésben úgy tudod, megjeleníteni, ha először is létrehozol egy újat, vagy megnyitod amelyikbe akarod és ott fent bal oldalt van egy olyan, hogy ÍRÁS és HTML. Na rákattintasz a HTML-re és oda beilleszted az általad kiválasztott kódot. Ha megtetted vissza mész az írásra és tudsz tovább írni a kódot meg megjeleníti!
      Remélem tudtam segíteni! :)
      Roxana

      Törlés
    2. Köszönöm a segítséged, örök hálám. ! :)

      Törlés
  8. Kedves Roxana!
    Tudnál nekem egy olyan fejléct csinálni amibe a hátér London és Ariána Grande van rajta?

    VálaszTörlés
  9. Drága Roxana!
    Elvittem a második Selenásat,és az utolsó előtti Arianásat!:)
    Ezek bombajók lettek!A manükódok is extrák.Ha esetleg nem tudnám ráírni a címet,ráírnád nekem?Előre is köszi♥

    Ölel,puszil,
    Stephanie P.

    VálaszTörlés
  10. Szia Roxana!
    Gyönyörűek lettek a fejlécek! :) Ha nem baj, vittem a második menükódot :)
    Puszi
    SayaW.

    VálaszTörlés
  11. Szia Roxana!
    Gyönyörűek lettek a fejlécek! :) Ha nem baj, vittem a második menükódot :)
    Puszi
    SayaW.

    VálaszTörlés
  12. Szia!
    Vittem a második menükódot, köszönöm szépen.
    Ölel,
    Flora

    VálaszTörlés
  13. Kedves Roxana!

    Elvittem a 2. fejlécet, nagyon szépek! :)

    VálaszTörlés
  14. Kedves Roxana!

    Elvittem az első menü kódot :)

    Love Ya,
    Mace

    VálaszTörlés
  15. Ezt a megjegyzést eltávolította a szerző.

    VálaszTörlés
  16. Szia!
    Elvittem az 1. kódot :) Nagyon köszi

    VálaszTörlés
  17. Szia!
    Elvittem az első fejlécet

    VálaszTörlés
  18. Szia! :) elvittem az első menü kódot! :)

    VálaszTörlés
  19. Szia! :) elvittem az első menü kódot! :)

    VálaszTörlés
  20. Szia ! Elvittem az első menükódot , köszönöm szépen.

    VálaszTörlés
  21. szia. vittem a második fejlécet :)

    VálaszTörlés
  22. Szia!
    Nagyszerűek a fejlécek és a menükódok:3
    Elvittem a második menükódot:)
    További jó munkát!:)

    VálaszTörlés
  23. Szia! Vittem a második menüt. Köszönöm!

    VálaszTörlés
  24. Helló. Vittem a második kódot. :)

    VálaszTörlés