Blokotek

Forum bloga Blokotek.pl


Górne Menu

Share

Punku

Poziom ostrzeżeń :
Posty : 8
Punkty : 3444
Reputacja : 0
Data dołączenia : 10/04/2014

Górne Menu

Pisanie  Punku on Czw 10 Kwi 2014 - 14:12

Chciałbym złożyć zamówienie u was, chodzi mi o " Menu Górne " kod HTML. Właśnie takie menu tylko, że by było bez pod stron nie wiem czy dobrze to opisałem ale chodzi mi o to żeby był tylko napis np: strona główna a nie tak że jak u was czyli jak kieruję się na zamówienia to wychodzi z dołu " napisy " nie potrzebuję tego. Najlepiej też aby na sam początek kod był wypełniony przez was obojętnie jak. np : strona główna czy coś innego później sobie  podmienię :d. Ważne też abym mógł wstawić kod  na gadżet HTML/Java Very Happy
avatar
Blokotek
Administrator
Administrator

Poziom ostrzeżeń :
Posty : 308
Punkty : 4357
Reputacja : 29
Data dołączenia : 02/04/2014

Re: Górne Menu

Pisanie  Blokotek on Czw 10 Kwi 2014 - 16:28

Wkrótce postaramy się je zrobić. Rozumiem, że kolor tak jak nasze - czarno-czerwony, czy może inny? Jeśli tak, to jaki? Poza tym ile kategorii ma się znajdować w menu?

Punku

Poziom ostrzeżeń :
Posty : 8
Punkty : 3444
Reputacja : 0
Data dołączenia : 10/04/2014

Re: Górne Menu

Pisanie  Punku on Czw 10 Kwi 2014 - 21:00

Kolorek jest w porządku i niech zostanie. A jeżeli ile ma się znajdować kategorii to 13 :DZ uprzedzeniem dziękuję za fatygę
avatar
Blokotek
Administrator
Administrator

Poziom ostrzeżeń :
Posty : 308
Punkty : 4357
Reputacja : 29
Data dołączenia : 02/04/2014

Re: Górne Menu

Pisanie  Blokotek on Czw 10 Kwi 2014 - 22:07



Na Bloggerze w menu Układ dodaj gadżet HTML/JavaScript z kodem:


Kod:
<style>
#nav2 {
background-image:url(http://4.bp.blogspot.com/-Qfv2CUXkZQE/UJOrNu3iNAI/AAAAAAAAGc8/wvy8sCPa8HA/s1600/main-menu-bg.png);
background-repeat:repeat-x;
border-bottom:5px solid #CD2122;
}
#nav2 ul {
height: 52px;
margin: 0;
padding: 0 30px;
}
#nav2 li {
position:relative;
display:inline-block;
float:left;
border:1px solid #222;
height:47px;
margin-top:5px;
border-width:0 0 0 1px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#nav2 li a {
border-left: 1px solid #383838;
color: #FFFFFF;
display: block;
font-family: 'Arial', sans-serif;
font-size: 12px;
font-weight: bold;
height: 47px;
line-height: 45px;
padding: 0 15px;
text-decoration: none;
text-transform: uppercase;
}
#nav2 li:last-child a {
border-right:0 none;
}
#nav2 ul.submenu {
-moz-border-radius-bottomright:3px;
-moz-border-radius-bottomleft:3px;
position:absolute;
top:42px;
width:180px;
z-index:99;
float:left;
background:#2D2D2D!important;
-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);
box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);
-webkit-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-bottom-right-radius:3px;
-moz-border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
height:auto;
-khtml-opacity:0;
-moz-opacity:0;
opacity:0;
visibility:hidden;
-webkit-transition:all .5s ease 0;
-o-transition:all .5s ease 0;
transition:all .5s ease 0;
-moz-transition:all .5s ease 0;
padding:0;
}
#nav2 ul.submenu li {
float:none;
width:100%;
border-bottom:1px solid #222;
border-top:1px solid #383838;
border-left:0 none;
height:30px;
margin:0;
}
#nav2 li:hover ul.submenu {
-khtml-opacity:1;
-moz-opacity:1;
opacity:1;
visibility:visible;
}
#nav2 ul.submenu li:first-child {
border-top:0 none;
}
#nav2 ul.submenu a {
height:30px;
line-height:1em;
padding:7px 10px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#nav2 ul.submenu a:hover {
padding-left:15px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#nav2 li.mhome {
border:0;
margin-top:0;
height:52px;
}
#nav2 li.mhome a {
background-color: #CD2122;
background-image: url("http://3.bp.blogspot.com/-dE94qPd6p-k/Uj7ibIDeogI/AAAAAAAAR3g/zvo7W14KYiQ/s1600/home.png");
background-position: 50% 50%;
background-repeat: no-repeat;
border-left: 0 none;
height: 48px;
margin-top: 5px;
text-indent: -9999px;
width: 30px;
}
#nav2 li:hover {
background-color: #CD2122;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}</style>

<nav id='nav2'>
          <ul id='menuhlng1'>
            <li class='mhome'>
              <a href='#'>
                Start
              </a>
            </li>
            <li>
              <a href='#'>
                Blog
              </a>
            </li>
            <li>
              <a href='#'>
                Forum
              </a>
            </li>
            <li>
              <a href='#'>
                Kontakt
              </a>
            </li>
            <li>
              <a href='#'>
                Chat
              </a>
            </li>
            <li>
              <a href='#'>
                Pomoc
              </a>
            </li>
            <li>
              <a href='#'>
                Download
              </a>
            </li>
            <li>
              <a href='#'>
                Redaktorzy
              </a>
            </li>
          </ul>
        </nav>

Punku

Poziom ostrzeżeń :
Posty : 8
Punkty : 3444
Reputacja : 0
Data dołączenia : 10/04/2014

Re: Górne Menu

Pisanie  Punku on Pią 11 Kwi 2014 - 8:57

Nie dało by rady zrobić takiego jak jest u was w szablonie ??
avatar
Blokotek
Administrator
Administrator

Poziom ostrzeżeń :
Posty : 308
Punkty : 4357
Reputacja : 29
Data dołączenia : 02/04/2014

Re: Górne Menu

Pisanie  Blokotek on Pią 11 Kwi 2014 - 12:00

No tak ciężko jest dogodzić każdemu. Menu jest prawie identyczne. Jak chcesz to pozmieniaj ikonkę i czcionkę. Ehh...

iq24

Poziom ostrzeżeń :
Posty : 4
Punkty : 3441
Reputacja : 0
Data dołączenia : 09/04/2014

Re: Górne Menu

Pisanie  iq24 on Pią 11 Kwi 2014 - 13:15

mam pytanie czy dałoby rade dodać podstronę do którejś z głównych? z góry dziękuje. Menu wygląda bardzo dobrze Smile
avatar
Blokotek
Administrator
Administrator

Poziom ostrzeżeń :
Posty : 308
Punkty : 4357
Reputacja : 29
Data dołączenia : 02/04/2014

Re: Górne Menu

Pisanie  Blokotek on Pią 11 Kwi 2014 - 13:28

Dałoby  Smile  Oto HTML rozwijanego menu. CSS weź z posta powyżej.

Kod:
<nav id='nav2'>
          <ul id='menuhlng1'>
            <li class='mhome'>
              <a href='#'>
                Home
              </a>
            </li>
            <li>
              <a href='#'>
                Zamówienia
              </a>
              <ul class='submenu'>
                <li>
                  <a href='http://darmowedodatkinablogi.blogspot.com/2013/10/zamowienia-napisy.html'>
                    Napisy
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <a href='#'>
                Nasze szablony dla Bloggera
              </a>
              <ul class='submenu'>
                <li>
                  <a href='http://darmowedodatkinablogi.blogspot.com/2013/08/nasz-debiutancki-szablon-dla-bloggera.html'>
                    Circles
                  </a>
                </li>
                <li>
                  <a href='http://darmowedodatkinablogi.blogspot.com/2013/08/szablon-dla-bloggera-stormy-sun.html'>
                    Stormy Sun
                  </a>
                </li>
                <li>
                  <a href='http://darmowedodatkinablogi.blogspot.com/2013/10/szablon-dla-bloggera-zapytaj.html'>
                    Zapytaj
                  </a>
                </li>
                <li>
                  <a href='http://darmowedodatkinablogi.blogspot.com/2013/11/szablon-dla-bloggera-smooth.html'>
                    Smooth
                  </a>
                </li>
                <li>
                  <a href='http://darmowedodatkinablogi.blogspot.com/2013/12/nasz-szablon-dla-bloggera-stone.html'>
                    Stone
                  </a>
                </li>
                <li>
                  <a href='http://darmowedodatkinablogi.blogspot.com/2013/12/nasz-szablon-dla-bloggera-blue-area.html'>
                    Blue Area
                  </a>
                </li>
                <li>
                  <a href='http://darmowedodatkinablogi.blogspot.com/2014/01/nasz-szablon-dla-bloggera-pink-fashion.html'>
                    Pink Fashion
                  </a>
                </li>
              </ul>
            </li>
            <li>
              <a href='http://darmowedodatkinablogi.blogspot.com/2013/04/przydatne-narzedzia.html'>
                Przydatne linki
              </a>
            </li>
          </ul>
        </nav>

iq24

Poziom ostrzeżeń :
Posty : 4
Punkty : 3441
Reputacja : 0
Data dołączenia : 09/04/2014

Re: Górne Menu

Pisanie  iq24 on Pią 11 Kwi 2014 - 14:14

dziękuje wszystko działa jak należy Smile Jedyna strona na której można znaleźć przydatne dodatki tak trzymać Wink
avatar
Blokotek
Administrator
Administrator

Poziom ostrzeżeń :
Posty : 308
Punkty : 4357
Reputacja : 29
Data dołączenia : 02/04/2014

Re: Górne Menu

Pisanie  Blokotek on Pią 11 Kwi 2014 - 14:25

Dzięki wielkie, budująca pochwała  cheers

Sponsored content

Re: Górne Menu

Pisanie  Sponsored content


    Obecny czas to Nie 28 Maj 2017 - 16:51