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ść
Ethronic 
Blogger.Klub


Dołączył/a: 04 Kwi 2013
Posty: 25
Wysłany:    [Blogspot] Rozwijana etykieta, lecz bez zmian w wyglądzie.
Witam wszystkich Blogowiczów. Mam problem z rozwijanym menu. Chciałbym dodać do aktualnego menu zakładkę artykuły i po najechaniu na nią wyświetlałyby się etykiety.
Udało mi się to zrobić po wgraniu innego menu do szablonu, ale efekt mnie nie zadowolił.
Chciałbym utrzymać aktualny, standardowy styl z bloggera i dodać do tego rozwijane menu.
W szablonie nie znalazłem stylu css do aktualnego menu(możliwe, że źle widzę.).
Kombinowałem poprzez skopiowanie kodu aktualnego menu i dodaniu rozwijanej zakładki w kodzie, ale bezskutecznie, bo jej nie wyświetlało. Kto wie w jaki sposób mogę to zrobić? :help:
______________________________________________________
http://osiagnij-sukces.blogspot.com/
http://proste-zarabianie.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

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-04-14, 14:35   

Ethronic napisał/a:

i po najechaniu na nią wyświetlałyby się etykiety.
po najechaniu? to by się musiało wszystko wczytać i mieć display:none; a po najechaniu przełączać kartę i display:block;
może chodziło raczej o wyświetlanie po kliknięciu? to o wiele prostsze do wykonania.

Próbowałeś instrukcji z tego tematu => rozwijane menu? wygląd tego menu możesz dopasować do wyglądu swojego bloga.

p.s. jeżeli menu nie ma być rozwijane to już kilkukrotnie rozmawialiśmy o tym, że menu mieszane zrobisz za pomocą gadżetu lista linków albo tego, który używasz, czyli Strony, ale w zakładce "Strony" musisz dodać URL prowadzący do podstrony etykiety.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Ethronic 
Blogger.Klub


Dołączył/a: 04 Kwi 2013
Posty: 25
Wysłany: 2013-04-14, 18:31   
Miałem na myśli zrobienie czegoś na styl menu tego bloga, lecz utrzymując aktualny wygląd. Tak korzystałem, zrobiłem, ale nie znam CSS na tyle, aby upodobnić do aktualnego menu. Dlatego wpadłem na pomysł utworzenia rozwijanego menu z aktualnego. Myślę, że dobrze się komponuje z aktualnym logiem u góry. Sęk w tym, że nie mam pomysłu jak to zrobić. Skopiowałem kod html menu "strony" i dograłem kod do rozsuwanego menu, wrzuciłem jako gadżet html/javascript, lecz się nic ponad standardowe menu sie nie wyświetlało. Zatem wnioskuję, że musiałbym dograć przynajmniej część kodu CSS? Jest wgl. taka możliwość, aby zrobić z aktualnego menu strony(czyli zachowując ten sam wygląd), menu rozsuwane jak na tamtym blogu?
______________________________________________________
http://osiagnij-sukces.blogspot.com/
http://proste-zarabianie.blogspot.com/
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-04-14, 19:28   
systemowego gadżetu nie rozbudujesz, bo on tworzy listę tylko jednego poziomu. Nie da się w zarządzaniu ustawić, że coś jest rozsuwanym elementem drugiego. Takie menu jak ma ta osoba uzyskasz korzystając z instrukcji, którą podałem wyżej.

wszelkie "color" w CSS służą do zmiany kolorystyki danego elementu.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Ethronic 
Blogger.Klub


Dołączył/a: 04 Kwi 2013
Posty: 25
Wysłany: 2013-04-14, 21:13   
Rozumiem. Szkoda, że nie ma takiej możliwości.

Rozwiązałem to nieco inaczej dodając podstronę artykuły. Natomiast mam inny problem, ponieważ umieszczone w niej widgety nie chcą się aktualizować. Na to jest jakieś rozwiązanie, oprócz ręcznej aktualizacji, czy też jednak będę musiał pomęczyć się z CSS? :P
______________________________________________________
http://osiagnij-sukces.blogspot.com/
http://proste-zarabianie.blogspot.com/
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-04-14, 21:23   
jak dodałeś to ręcznie w kodzie wpisu to jak chcesz żeby się aktualizowało? Etykiety i archiwum uzupełniają się same tylko w dziale gadżetów (układ).

Jak już pisałem "color" określa kolorystykę
"background" - tło
"margin" - marginesy
"padding" - wewnętrzne marginesy

możesz zatem wrzucić kod rozwijanego menu do sekcji nagłówka, tam gdzie masz teraz gadżet Stron i wywalić z CSS powyższe elementy - po tych zabiegach lista powinna generować się na podstawie tego co masz zapisane w szablonie podstawowym na temat list. W razie czego pokaż efekty i będziemy poprawiać.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Ethronic 
Blogger.Klub


Dołączył/a: 04 Kwi 2013
Posty: 25
Wysłany: 2013-04-15, 11:06   
W porządku. Zatem pogrzebałem nieco nad menu, upodobniłem do aktualnego, ale nie wiem jak zmienić trzy rzeczy.

oraz jak zrobić, aby obramowanie menu było tylko na dole i lekko po bokach(dokładnie tak jak mam teraz)?
Chodzi mi jedynie o ten wygląd, bo jak pozmieniać nazwy i dodać odnośniki to wiem.
Oto cały kod:

Kod

<style>
/* Some stylesheet reset */
.nav, .nav ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 1;
}

/* The main container */
.nav {
/* Layout and positioning */
display: block;
position: relative;
height: 34px;
width: 1140px; /* CHANGE this if you want another width or remove it if you want the width of the container */
border-radius: 3px;
border: 1px solid #EEEEEE;

/* Background and effects */
background: #f5f5f5 /* Background for IE9 and older browsers */
background: -webkit-linear-gradient(top, #ffffff, #f5f5f5); /* Background for Chrome Safari */
background: -moz-linear-gradient(top, #ffffff, #f5f5f5); /* Background for Firefox */
background: -o-linear-gradient(top, #ffffff, #f5f5f5); /* Background for Opera */
background: -ms-linear-gradient(top, #ffffff, #f5f5f5); /* Background for Internet Explorer 10 */
box-shadow: inset 0 1px 0 #fff;
}

.nav>li {
display: block;
position: relative;
float: left;
margin: 0;
padding: 0 1px 0 0;
}

/* The main navigation links */
.nav>li>a {
/* Layout */
display: block;
padding: 11px 20px;

/* Typography */
font-family: Copose;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #666666;
text-shadow: 0 1px 0 #fff;

/* Effects */
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

/* The hover state of the navigation links */
.nav>li>a:hover, .nav>li:hover>a {
background: #ffffff;
color: #3e9b3e;
}

.nav>li:first-child>a {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}

.nav>.dropdown>a {
padding-right: 26px;
}

/* The arrow indicating a dropdown menu */
.nav>.dropdown>a::after {
content: "";
position: absolute;
top: 14px;
right: 11px;
width: 4px;
height: 4px;
border-bottom: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

/* Changing the color of the arrow on hover */
.nav>.dropdown>a:hover::after, .nav>.dropdown:hover>a::after {
border-color: #999;
}

.nav ul {
position: relative;
position: absolute;
left: -9999px;
display: block;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
}

/* Level 1 submenus */
.nav>li>ul {
padding-top: 0px;
z-index: 99;
border-top: 1px solid #c9c9c9;
top: 34px;
}

/* Making the level 1 submenu to appear on hover */
.nav>li:hover>ul {
left: -1px;
}

/* Level 2+ submenus */
.nav ul ul {
left: -9999px;
top: 0px;
z-index: 999;
}

/* Making the level 2+ submenu to appear on hover */
.nav ul>li:hover>ul {
left: 120px;
top: -1px;
}

/* The submenu link containers */
.nav ul li {
position: relative;
display: block;
border-left: 1px solid #c1c1c1;
border-right: 1px solid #c1c1c1;

/* Creating the slide effect. The list elements which contain the links have 0 height. On hover, they will expand */
height: 0px;
-webkit-transition: height .3s;
-moz-transition: height .3s;
-o-transition: height .3s;
-ms-transition: height .3s;
}

/* Expanding the list elements which contain the links */
.nav li:hover>ul>li {
height: 25px;
}

.nav ul li:hover>ul>li:first-child {
height: 26px;
}

/* The links of the submenus */
.nav ul li a {
/* Layout */
display: block;
width: 90px;
padding: 6px 10px 6px 20px;
border-bottom: 1px solid #e1e1e1;

/* Typography */
font-size: 12px;
color: #a6a6a6;
font-family: Helvetica, Arial, sans-serif;
text-decoration: none;

/* Background effects */
background: #fff;
-webkit-transition: background .3s;
-moz-transition: background .3s;
-ms-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
}

/* The hover state of the links */
.nav ul li>a:hover, .nav ul li:hover>a {
background: #e9e9e9;
color: #3e9b3e;
}

.nav ul ul>li:first-child>a {
border-top: 1px solid #c1c1c1;
}

.nav ul>li:last-child>a {
border-bottom: 1px solid #c1c1c1;
}


/* The arrow indicating a level 2+ submenu */
.nav ul>.dropdown>a::after {
content: "";
position: absolute;
top: 10px;
right: 8px;
width: 4px;
height: 4px;
border-bottom: 1px solid #a6a6a6;
border-right: 1px solid #a6a6a6;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}

.nav ul>.dropdown:hover>a::after, .nav ul>.dropdown>a:hover::after {
border-color: #a1a1a1;
}
</style>
<ul class="nav">
<li><a href="osiagnij-sukces.blogspot.com">Strona Główna</a></li>
<li class="dropdown"><a href="#">Link 2</a>
<ul>
<li><a href="#">Level 1</a></li>
<li><a href="#">Level 1</a></li>
<li class="dropdown"><a href="#">Level 1</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a href="#">Level 2</a></li>
<li><a href="#">Level 2</a></li>
<li class="dropdown"><a href="#">Level 2</a>
<ul>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
</ul>
</li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
<li><a href="#">Level 1</a></li>
<li><a href="#">Level 1</a></li>
</ul>
</li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
</ul>
______________________________________________________
http://osiagnij-sukces.blogspot.com/
http://proste-zarabianie.blogspot.com/
 
  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