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



::
Autor Wiadomość
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 32
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany:    [widget] multi tab, jak dodać kolejne zakładki do menu

Zrobiłam sobie swego czasu menu zakładkowe, dzieki czemu syf na blogu jest schowany. Wszystko było cacy dopóki nie zachciało mi sie dodac dwóch dodatkowych zakładek. Problemy mam 2, i bede ega wdzieczna za pomoc :)


1) Ostatni rząd zakładek działa do połowy. Najeżdżając myszą na zakładke trzeba kliknac PONAD czarną kreską, pod nią jest martwe pole


2) Wszystkie widgety schowane pod zakładkami są przesuniete w góre, przez co nachodzą na zakładki, rozjeżdżają sie i wyglądają źle ^^
dwa przykłady:
a) archiwum

b) like box facebooka


Adres do bloga:
http://mirrorowisko.blogspot.co.uk/
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  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

Silaqui 
Blogger.Klub


Wiek: 37
Dołączyła: 01 Sie 2012
Posty: 49
Miasto: Chorzów

Wysłany: 2012-08-03, 13:15   

Weszłam na Twojego bloga i wszystko działa bez zarzutu. Może przeglądarka ci świruje?
 
  podziel si� tym postem na:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 32
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2012-08-03, 13:33   

Silaqui napisał/a:

wszystko działa bez zarzutu
bo kombinuje z cyferkami w kodzie :)
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2012-08-03, 20:29   

Taka sugestia na przyszłość: w nazwie tematu wpisuj konkrety, bo za jakiś czas nic tu nie znajdziemy ;) siłą tego forum są dokładne opisy już w nazwie wątku.

1. każdy kolejny element musi mieć inny ID żeby skrypt wiedział, która karta ma być otwierana
2. Jak dodajesz zakładki "w pionie" to musisz określić wysokość elementu UL, bo inaczej to co poniżej będzie nachodziło na niego.
3. Oprócz wysokości powyższego elementu można podziałać z marginesami samych zakładek (znajdują się w DIV).
______________________________________________________
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:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 32
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2013-02-27, 17:48   

Ha! znowu mam problem z kodem!

Kilka dni temu moja myszka ześwirowała i przeskoczyła co zaowocowało usunięciem całego kodu. Ot, wczytało mi nowy szablon. Niestety po wklepaniu kodu z widgetu (mądra Domi zapisała sobie pojedyncze dodatki w plikach tekstowych) okazało się, że zakładki mam i to całkiem ładne, ale to co powinno się chować pod nimi wcale tego nie robi i jest syf. Ktoś wie gdzie jest błąd?

link do bloga: mirrorowisko.blogspot.com

KOD:
Nad ]]></b:skin>

Kod

/*----- Multi Tabbed Widget By www.realcombiz.com----*/
.tabs-widget{list-style:none;list-style-type:none;margin:0 0 10px 0;padding:0;height:140px}
.tabs-widget li{list-style:none;list-style-type:none;margin:0 0 0 4px;padding:0;float:left}
.tabs-widget li:first-child{margin:0}
.tabs-widget li a{color:#8F8C7C;background:url(../https://lh4.googleusercontent.com/-WduRIhr5uQg/US41StQX-SI/AAAAAAAAOkE/2ElWY05qGlA/w231-h428-o-k/rb%2Bmulti%2Btabbed%2Bwidget.png) left top repeat-x;padding:12px 14px;display:block;text-decoration:none;font:bold 11px Arial,Helvetica,Sans-serif;text-transform:uppercase}
.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:url(../https://lh4.googleusercontent.com/-WduRIhr5uQg/US41StQX-SI/AAAAAAAAOkE/2ElWY05qGlA/w231-h428-o-k/rb%2Bmulti%2Btabbed%2Bwidget.png) left -140px repeat-x;color:#EE5D06;text-decoration:none}
.tabs-widget-content{}
.tabviewsection{margin-top:10px;margin-bottom:10px;}




oraz po <div class='column-right-inner'>

Kod

<div class='tabviewsection'>

<script type='text/javascript'>
jQuery(document).ready(function($){
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show();

$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function() {
$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);
$(this).addClass(&quot;tabs-widget-current&quot;);
$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();
var activeTab = $(this).attr(&quot;href&quot;);
$(activeTab).fadeIn();
return false;
});
});
</script>

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>HOME</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>O blogu</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>O autorce</a></li>
<li><a href='#widget-themater_tabs-1432447472-id4'>Archiwum</a></li>
<li><a href='#widget-themater_tabs-1432447472-id5'>Etykiety</a></li>
<li><a href='#widget-themater_tabs-1432447472-id6'>Facebook</a></li>
<li><a href='#widget-themater_tabs-1432447472-id7'>Obserwowane</a></li>
<li><a href='#widget-themater_tabs-1432447472-id8'>Polecane</a></li>
<li><a href='#widget-themater_tabs-1432447472-id9'>Kontakt</a></li>
<li><a href='#widget-themater_tabs-1432447472-id10'>Współpracuję z:</a></li>
</ul>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:section class='sidebar' id='sidebartab1' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Obserwatorzy' type='Followers'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<b:section class='sidebar' id='sidebartab2' preferred='yes'>
<b:widget id='Stats1' locked='false' title='Łączna liczba wyświetleń' type='Stats'/>
<b:widget id='HTML1' locked='false' title='Rozgadani:' type='HTML'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar' id='sidebartab3' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id4'>
<b:section class='sidebar' id='sidebartab4' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archiwum bloga' type='BlogArchive'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id5'>
<b:section class='sidebar' id='sidebartab5' preferred='yes'>
<b:widget id='Label1' locked='false' title='Etykiety' type='Label'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id6'>
<b:section class='sidebar' id='sidebartab6' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id7'>
<b:section class='sidebar' id='sidebartab7' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Moja lista blogów' type='BlogList'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id8'>
<b:section class='sidebar' id='sidebartab8' preferred='yes'>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id9'>
<b:section class='sidebar' id='sidebartab9' preferred='yes'>
<b:widget id='Translate1' locked='false' title='Translate' type='Translate'/>
</b:section>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id10'>
<b:section class='sidebar' id='sidebartab10' preferred='yes'>
<b:widget id='CustomSearch1' locked='false' title='Szukaj w tym blogu' type='CustomSearch'/>
</b:section>
</div>

</div>

<div style='height:5px;clear:both;'/>
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2013-02-27, 23:43   

jak dla mnie to brak w sekcji head odwołania do biblioteki jQuery, np:

Kod

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
______________________________________________________
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:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 32
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2013-02-28, 00:27   

Zadziałało! :)

Powiesz mi jeszcze jak wyśrodkować te zakładki i obniżyć to co jest pod nimi? Kiedyś to wykombinowałam a teraz patrzę na to i zielonego pojęcia nie mam co zmienić w kodzie :(
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 38
Dołączył/a: 01 Sty 2006
Posty: 8948
Miasto: Wrocław

Wysłany: 2013-02-28, 01:08   Multi Tabbed jak wyśrodkować zakładki w menu?

dla .tabs-widget ustaw
Wiadomość (widoczna dla zarejestrowanych)
a w .tabs-widget li dodajemy
Wiadomość (widoczna dla zarejestrowanych)
i kasujemy

Kod

float: left;
______________________________________________________
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:
PannaNienaganna 
Blogger.Klub
Szukam męża


Imię: Dominika
Pomogła: 2 razy
Wiek: 32
Dołączyła: 03 Lip 2012
Posty: 149
Miasto: Wrocław / Bristol

Wysłany: 2013-02-28, 01:58   

Wyśrodkowało mi od razu, więc wielkie dzięki. Co do nachodzenia to dalej był problem, ale zwiększyłam tylko wysokość tych zakładek o 10px i już nic nie nachodzi :) Dziękuję! :)
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  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