Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Autor Wiadomość
Daria. 
Blogger.Klub


Imię: Daria
Pomogła: 1 raz
Wiek: 29
Dołączyła: 10 Kwi 2013
Posty: 115
Miasto: Polska - Gdańsk
Wysłany:    Menu rozwijane górne
Cześć, przychodzę do Was z pytaniem.

Czy ktoś mógłby mi krok po kroku, jak najprościej wyjaśnić, jak instaluje się menu rozwijane górne? Stronę do stworzenia takiego gadżetu już mam, ale kompletnie nie wiem, gdzie wkleić kod, który otrzymałam. Czy, żeby zrobić to poprawnie, muszę zlikwidować dotychczasowe strony i wszystko zacząć od nowa?

[ Komentarz dodany przez: Htsz: 30-07-2013, 17:57 ]
zobacz także => rozwijany spis treści / menu w nagłówku bloga
______________________________________________________
Wszystkich moli książkowych zapraszam na
www.internetowa-biblioteczka.blogspot.com
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

chomik21m 
Blogger.Klub


Imię: Mateusz
Pomógł: 9 razy
Wiek: 28
Dołączył/a: 28 Kwi 2012
Posty: 193
Wysłany: 2013-07-30, 14:37   
Na tym forum jest wątek z rozwijanymi menu (mojego autorstwa):

http://forum.blogowicz.in...gger-vt5667.htm

W tym wątku jest 10 menu, a tu znajdziesz ich 26:
http://www.mateuszchomick...-rozwijane.html

Na obu stronach masz instrukcję, jak takie menu wstawić

P.S. Przed zadaniem jakiegokolwiek pytania upewnij się, czy przypadkiem identyczny wątek nie istnieje już na forum
______________________________________________________
Felietony, w szczególności motoryzacyjne, pisane w niebanalny sposób:
http://mateuszchomicki.pl
 
  podziel si� tym postem na:
Daria. 
Blogger.Klub


Imię: Daria
Pomogła: 1 raz
Wiek: 29
Dołączyła: 10 Kwi 2013
Posty: 115
Miasto: Polska - Gdańsk
Wysłany: 2013-07-30, 14:47   
Oba te linki znalazłam już wcześniej i gdyby mi pomogły, nie pisałabym tu tematu ;) Po prostu nic nie wychodzi...
______________________________________________________
Wszystkich moli książkowych zapraszam na
www.internetowa-biblioteczka.blogspot.com
 
  podziel si� tym postem na:
chomik21m 
Blogger.Klub


Imię: Mateusz
Pomógł: 9 razy
Wiek: 28
Dołączył/a: 28 Kwi 2012
Posty: 193
Wysłany: 2013-07-30, 15:03   
W takim razie opisz dokładniej problem oraz podaj stronę, z której takie menu sobie stworzyłaś. A jeszcze lepiej będzie, jak do tego dorzucisz kod menu, jaki wygenerowałaś. No chyba że polecisz nam dobrego wróżbitę, ale na swój koszt :P
______________________________________________________
Felietony, w szczególności motoryzacyjne, pisane w niebanalny sposób:
http://mateuszchomicki.pl
 
  podziel si� tym postem na:
Daria. 
Blogger.Klub


Imię: Daria
Pomogła: 1 raz
Wiek: 29
Dołączyła: 10 Kwi 2013
Posty: 115
Miasto: Polska - Gdańsk
Wysłany: 2013-07-30, 15:06   
Strona jest tu: http://internetowa-biblioteczka.blogspot.com/
Kod menu - jak to się w ogóle generuje?
Aha, i zaznaczam, że nie mam takiej opcji jak "rozszerz szablon widżetów" czy jakoś tak. Nie mam właściwie niczego...
Tych komend typu </header> nie mam tym bardziej.
______________________________________________________
Wszystkich moli książkowych zapraszam na
www.internetowa-biblioteczka.blogspot.com
 
  podziel si� tym postem na:
chomik21m 
Blogger.Klub


Imię: Mateusz
Pomógł: 9 razy
Wiek: 28
Dołączył/a: 28 Kwi 2012
Posty: 193
Wysłany: 2013-07-30, 15:17   
Czyli nie radzisz sobie z nowym edytorem kodu. Taki wątek też tu mamy ;)

http://forum.blogowicz.in...onow-vt6395.htm
______________________________________________________
Felietony, w szczególności motoryzacyjne, pisane w niebanalny sposób:
http://mateuszchomicki.pl
 
  podziel si� tym postem na:
Daria. 
Blogger.Klub


Imię: Daria
Pomogła: 1 raz
Wiek: 29
Dołączyła: 10 Kwi 2013
Posty: 115
Miasto: Polska - Gdańsk
Wysłany: 2013-07-30, 15:19   
OK, tylko co teraz - wszystko, cały ten ogromny kod mam skopiować i gdzieś wkleić?
______________________________________________________
Wszystkich moli książkowych zapraszam na
www.internetowa-biblioteczka.blogspot.com
 
  podziel si� tym postem na:
chomik21m 
Blogger.Klub


Imię: Mateusz
Pomógł: 9 razy
Wiek: 28
Dołączył/a: 28 Kwi 2012
Posty: 193
Wysłany: 2013-07-30, 15:38   
Tak, cały kod (HTML i CSS) wklejamy nad znacznikiem </header>

A kod jQuery (o ile Twoje menu go posiada) w znaczniku <head>
______________________________________________________
Felietony, w szczególności motoryzacyjne, pisane w niebanalny sposób:
http://mateuszchomicki.pl
 
  podziel si� tym postem na:
Daria. 
Blogger.Klub


Imię: Daria
Pomogła: 1 raz
Wiek: 29
Dołączyła: 10 Kwi 2013
Posty: 115
Miasto: Polska - Gdańsk
Wysłany: 2013-07-30, 15:39   
Nie czaję.
Mam skopiować wszystkie te linijki kolorowe, wyszukać w nich <head> i wkleić nad nim to wszystko raz jeszcze?
______________________________________________________
Wszystkich moli książkowych zapraszam na
www.internetowa-biblioteczka.blogspot.com
 
  podziel si� tym postem na:
chomik21m 
Blogger.Klub


Imię: Mateusz
Pomógł: 9 razy
Wiek: 28
Dołączył/a: 28 Kwi 2012
Posty: 193
Wysłany: 2013-07-30, 15:46   
Tak Ci to wytłumaczę:

To jest przykładowy cały kod menu (HTML i CSS). Kopiujesz go. Wchodzisz w edycję szablonu bloggera, wyszukujesz znacznik </header> i nad nim wklejasz kod menu.

Kod

<style>
#nav {
float: left;
font: bold 12px Arial, Helvetica, Sans-serif;
border: 1px solid #121314;
border-top: 1px solid #2b2e30;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav ul li {
float:left;
}

#nav ul li a {
float: left;
color:#d4d4d4;
padding: 10px 20px;
text-decoration:none;
background:#3C4042;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(59,63,65)), color-stop(0.55, rgb(72,76,77)), color-stop(0.78, rgb(75,77,77)) );
background: -moz-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
background: -o-linear-gradient( center bottom, rgb(59,63,65) 9%, rgb(72,76,77) 55%, rgb(75,77,77) 78% );
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
border-left: 1px solid rgba(255, 255, 255, 0.05);
border-right: 1px solid rgba(0,0,0,0.2);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
}

#nav li ul {
background:#3C4042;
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
background-image: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
background-image: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
left: -999em;
margin: 35px 0 0;
position: absolute;
width: 160px;
z-index: 9999;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
border: 1px solid rgba(0, 0, 0, 0.5);
}

#nav li ul a {
background: none;
border: 0 none;
margin-right: 0;
width: 120px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}

#nav ul li a:hover,
#nav ul li:hover &gt; a {
color: #252525;
background:#3C4042;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(77,79,79)), color-stop(0.55, rgb(67,70,71)), color-stop(0.78, rgb(69,70,71)) );
background: -moz-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
background: -o-linear-gradient( center bottom, rgb(77,79,79) 9%, rgb(67,70,71) 55%, rgb(69,70,71) 78% );
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;

}

#nav li ul a:hover,
#nav ul li li:hover &gt; a {
color: #2c2c2c;
background: #5C9ACD;
background: -webkit-gradient( linear, left bottom, left top, color-stop(0.17, rgb(61,111,177)), color-stop(0.51, rgb(80,136,199)), color-stop(1, rgb(92,154,205)) );
background: -moz-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
background: -o-linear-gradient( center bottom, rgb(61,111,177) 17%, rgb(80,136,199) 51%, rgb(92,154,205) 100% );
border-bottom: 1px solid rgba(0,0,0,0.6);
border-top: 1px solid #7BAED9;
text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

#nav li:hover ul {
left: auto;
}

#nav li li ul {
margin: -1px 0 0 160px;
-webkit-border-radius: 0 10px 10px 10px;
-moz-border-radius: 0 10px 10px 10px;
border-radius: 0 10px 10px 10px;
visibility:hidden;
}

#nav li li:hover ul {
visibility:visible;
}

#nav ul ul li:last-child &gt; a {
-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
}

#nav ul ul ul li:first-child &gt; a {
-moz-border-radius:0 10px 0 0;
-webkit-border-radius:0 10px 0 0;
border-radius:0 10px 0 0;
}
</style>

<div id='nav'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Our Portfolio</a></li>
<li><a href='#'>One Dropdown▼</a>
<ul>
<li><a href='#'>Level 2.1</a></li>
<li><a href='#'>Level 2.2</a></li>
<li><a href='#'>Level 2.3</a></li>
<li><a href='#'>Level 2.4</a></li>
<li><a href='#'>Level 2.5</a></li>
</ul>
</li>
<li><a href='#'>Three Levels▼</a>
<ul>
<li><a href='#'>Level 2.1</a></li>
<li><a href='#'>Level 2.2</a></li>
<li><a href='#'>Level 2.3▼</a>
<ul>
<li><a href='#'>Level 2.3.1</a></li>
<li><a href='#'>Level 2.3.2</a></li>
<li><a href='#'>Level 2.3.3</a></li>
<li><a href='#'>Level 2.3.4</a></li>
<li><a href='#'>Level 2.3.5</a></li>
<li><a href='#'>Level 2.3.6</a></li>
<li><a href='#'>Level 2.3.7</a></li>
</ul>
</li>
<li><a href='#'>Level 2.4</a></li>
<li><a href='#'>Level 2.5</a></li>
</ul>
</li>
<li><a href='#'>Services</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>
</div>
<br/><br/>


Potem oczywiście zabawa z HTML Cię czeka, tzn. trzeba linki sobie pozmieniać ;)
______________________________________________________
Felietony, w szczególności motoryzacyjne, pisane w niebanalny sposób:
http://mateuszchomicki.pl
 
  podziel si� tym postem na:
Daria. 
Blogger.Klub


Imię: Daria
Pomogła: 1 raz
Wiek: 29
Dołączyła: 10 Kwi 2013
Posty: 115
Miasto: Polska - Gdańsk
Wysłany: 2013-07-30, 15:50   
Ehh...niczego nie rozumiem, u mnie takiego kodu nie ma...
No nic, może jakoś sobie poradzę, dzięki.
______________________________________________________
Wszystkich moli książkowych zapraszam na
www.internetowa-biblioteczka.blogspot.com
 
  podziel si� tym postem na:
chomik21m 
Blogger.Klub


Imię: Mateusz
Pomógł: 9 razy
Wiek: 28
Dołączył/a: 28 Kwi 2012
Posty: 193
Wysłany: 2013-07-30, 15:54   

Daria. napisał/a:

Ehh...niczego nie rozumiem, u mnie takiego kodu nie ma...

Jakiego kodu? Podaj tu kod menu, jakie chcesz wstawić u siebie.
______________________________________________________
Felietony, w szczególności motoryzacyjne, pisane w niebanalny sposób:
http://mateuszchomicki.pl
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz