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


Imię: Paulina
Pomogła: 7 razy
Wiek: 34
Dołączyła: 19 Kwi 2012
Posty: 232

Wysłany:    Jak samemu zrobić pasek zakładek (graficzny) ?

Postanowiłam sama zrobić sobie pasek zakładek. Wykonałam go w photoshopie później podzieliłam i zaczęłam wklejać pod nagłówek w gadżecie HTML/Java Script

Niestety w całości się nie zmieścił. Chociaż ma taki sam rozmiar jak nagłówek. Zrobiły się również dodatkowe odstępy pomiędzy obrazkami i nie wygląda to dobrze.

Jak zlikwidować odstęp A i zmniejszyć odstęp B ??

Nie miałam pojęcia jak to się robi i wkleiłam to w taki sposób:

Kod

<a href="http://www.bycidealna.blogspot.com"> <img src="http://desmond.imageshack.us/Himg442/scaled.php?server=442&filename=74368575.png&res=landing"/>

</a href><a href="http://bycidealna.blogspot.com/p/o-blogu.html"> <img src="http://desmond.imageshack.us/Himg198/scaled.php?server=198&filename=49077385.png&res=landing"/>

</a href><a href="http://bycidealna.blogspot.com/p/uoz-diete.html"> <img src="http://desmond.imageshack.us/Himg109/scaled.php?server=109&filename=79284660.png&res=landing"/>

</a href><a href="http://bycidealna.blogspot.com/p/inne-blogi.html"> <img src="http://desmond.imageshack.us/Himg809/scaled.php?server=809&filename=83766533.png&res=landing"/>

</a href><a href="http://bycidealna.blogspot.com/search/label/dziennik"> <img src="http://desmond.imageshack.us/Himg62/scaled.php?server=62&filename=63564366.png&res=landing"/>

</a href><a href="http://bycidealna.blogspot.com/p/postep.html"> <img src="http://desmond.imageshack.us/Himg402/scaled.php?server=402&filename=23834609.png&res=landing"/>

</a href><a href="http://bycidealna.blogspot.com/p/wakacyjna-metamorfoza.html"> <img src="http://desmond.imageshack.us/Himg833/scaled.php?server=833&filename=12750943.png&res=landing"/>

</a href><a href="http://bycidealna.blogspot.com/"> <img src="http://desmond.imageshack.us/Himg641/scaled.php?server=641&filename=24870549.png&res=landing"/></a href>


Pozdrawiam :)
 
  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: 38
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2012-07-10, 10:42   menu obrazkowe z podstronami bloga

Kod

</a href>
nie istnieje coś takiego. Linki zamykamy tak:

Kod

</a>


Zrób najpierw kopię zapasową szablonu.

Ja bym wrzucił to w listę i nadał odpowiedni styl. Twój kod wklejany do gadżetu powinien wyglądać tak:
Wiadomość (widoczna dla zarejestrowanych)
Zapisujesz i przechodzisz do pełnego edytora HTML. Odszukujesz ]]>< i tam dodajesz styl dla naszego menu:
Wiadomość (widoczna dla zarejestrowanych)


Rozwiązanie jest chyba uniwersalne. Z uwagi na różne marginesy nadałem ramce stałą szerokość 1170px, jakby komuś wychodziło poza ramy bloga to najpierw niech spróbuje zmniejszyć wartość tego elementu.
---------------
ps. Nie ma sensu wrzucać obrazków na imageshack, zapodaj, imgur czy podobne skoro mamy pełno miejsca na bloggerze. Załączajcie sobie pliki do albumów picasa albo na dysku google ;-) bez potrzeby zakładania kolejnych kont.
---------------
Zobacz także:
=> menu z kategoriami i stronami - jedno pod drugim
=> menu z etykietami / kategoriami
=> rozwijany spis treści na blogu
______________________________________________________
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:
P4uli 
Blogger.Klub


Imię: Paulina
Pomogła: 7 razy
Wiek: 34
Dołączyła: 19 Kwi 2012
Posty: 232

Wysłany: 2012-07-10, 12:38   

:padam: :padam: Dziękuje zadziałało i nawet zrobiła się taka kreseczka pod spodem po najechaniu na jakiś odnośnik :)

Nie wiem jak ty to ogarniasz. Ja zrobiłam sobie z półtorej roku temu kurs HTML i dalej bazuje na nim ale widzę że to co robię jest trochę przestarzałe :D
 
  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: 8949
Miasto: Wrocław

Wysłany: 2012-07-10, 22:19   

W HTMLu siedzę od początku 2003 roku chyba, ale i tak sporo przede mną, bo internet się zmienia a ja też nie jestem na bieżąco ;)

Te podkreślenia są z podstawowych ustawień widgetów zamkniętych w listach (ul, li). W razie czego można je wywalić dopisując jeszcze to:
Wiadomość (widoczna dla zarejestrowanych)
______________________________________________________
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:
Petrolheads 
Blogger.Klub


Imię: Łukasz
Wiek: 35
Dołączył/a: 08 Cze 2012
Posty: 29
Miasto: Lubin

Wysłany: 2012-07-10, 22:28   

A jak z czasem ładowania? Wiadomo, że te obrazki to nie są duże ilości danych, ale napisy chyba szybciej się wczytają. No i jeszcze kwestia zewnętrznego serwera, jak padnie to menu nie działa.
______________________________________________________
http://petrolheads-blog.blogspot.com/
 
  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: 8949
Miasto: Wrocław

Wysłany: 2012-07-10, 22:37   

Petrolheads napisał/a:

No i jeszcze kwestia zewnętrznego serwera, jak padnie to menu nie działa.
Takie obrazki to parę sekund. Nie znikną -> Wgraj sobie obrazki na bloggera i pobierz odnośniki do oryginalnych rozmiarów :) Można sobie utworzyć wpis-szkic i tam ładować grafikę do bloga ;)
______________________________________________________
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: 2012-07-10, 23:34   

Tak sobie kombinowałam z tymi paskami, i pacz!
http://mirrorowisko.blogspot.co.uk/
I tak mam jakis dupny margines po lewej :/

I nie mam paseczków podkreślających! :P
______________________________________________________
[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: 8949
Miasto: Wrocław

Wysłany: 2012-07-11, 00:07   

U Ciebie zamiast

Kod

#crosscol {
margin: 0px;
}
będzie

Kod

#crosscol, #crosscol-overflow {
margin: 0px;
}
a w głównym elemencie #menu-img zamiast

Kod

margin: 0 auto;
trzeba ustawić na sztywno cofnięcie w lewo zamiast bawić się z paddingami i marginesami dla otaczających elementów:

Kod

margin: 0 0 0 -20px;
______________________________________________________
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: 2012-07-11, 00:15   

Łałałiła! Dziekuuuuje!
______________________________________________________
[you] , a Ty kim, kim dla mnie...?
 
  podziel si� tym postem na:
Petrolheads 
Blogger.Klub


Imię: Łukasz
Wiek: 35
Dołączył/a: 08 Cze 2012
Posty: 29
Miasto: Lubin

Wysłany: 2012-07-11, 09:45   

Htsz napisał/a:

Petrolheads napisał/a:

No i jeszcze kwestia zewnętrznego serwera, jak padnie to menu nie działa.
Takie obrazki to parę sekund. Nie znikną -> Wgraj sobie obrazki na bloggera i pobierz odnośniki do oryginalnych rozmiarów :) Można sobie utworzyć wpis-szkic i tam ładować grafikę do bloga ;)

W sumie to nie pomyślałem o wgraniu sobie tych obrazków bezpośrednio do bloggera i jako hosta używałem Photobucket. Chyba trzeba będzie utworzyć ten wpis z grafiką, bo zauważyłem, że grafiki z menu społeczności czasem się nie wczytywały.
______________________________________________________
http://petrolheads-blog.blogspot.com/
 
  podziel si� tym postem na:
P4uli 
Blogger.Klub


Imię: Paulina
Pomogła: 7 razy
Wiek: 34
Dołączyła: 19 Kwi 2012
Posty: 232

Wysłany: 2012-07-11, 14:51   

Ja od zawsze używam Imageshack i nigdy nie miałam z nimi żadnych problemów. Zdjęcia zawsze się ładowały. Z tego co widzę nawet z sprzed kilku lat są dalej widoczne.
 
  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: 8949
Miasto: Wrocław

Wysłany: 2012-07-11, 16:25   

Czasem jednak są problemy i fotki potrafią zniknąć (ale to chyba głównie w przypadkach kiedy ktoś nie zakładał konta). Moim zdaniem jak się ma bloggera to nie ma sensu korzystać z zewnętrznych serwerów. Im więcej obrazków z różnych miejsc w internecie tym dłuższy czas ładowania się strony, bo do każdego z nich musi być wysłane zapytanie i pobrany obraz.
______________________________________________________
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:
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