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


Dołączył/a: 18 Sie 2010
Posty: 20
Miasto: ZG

Wysłany:    Ikony społecznościowe w nagłówku

hej joł

Na samej górze bloga (tam gdzie tytuł i opis), po prawej stronie chcę wstawić kilka podlinkowanych obrazków, a dokładniej ikonek społecznościowych. Z tego co szukałem na forum, to wszędzie tylko te rotatory i rotatory, a nie one mnie interesują.

Jak tam wstawić obrazki i przyrównać je do prawej bandy?

A że najlepiej coś zobaczyć zamiast czytać o tym, to dokładnie tak jak tutaj http://www.slur.neostrada.pl/ chcę w prawym, górnym rogu mojego bloga kilka podlinkowanych ikonek :]


Boltozaurus pozdrawia !

[ Komentarz dodany przez: Htsz: 01-01-2014, 11:28 ]
zobacz także => Jak umieścić wybrane gadżety na nagłówku bloga?
______________________________________________________
Smash Them All ! ! ! - czyli zielone archiwum, główne źródło gamma informacji oraz inne okołohulkowe fanaberie.
 
  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: 8948
Miasto: Wrocław

Wysłany: 2012-03-24, 09:38   

Dodaj sobie gadżet HTML/Javascript nad nagłówkiem i tam wstaw linki z ikonami :>
______________________________________________________
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:
Boltozaurus 
Blogger.Klub


Dołączył/a: 18 Sie 2010
Posty: 20
Miasto: ZG

Wysłany: 2012-03-24, 15:18   

No niestety nie ma tak łatwo :P

Mój szablonik do wszystkiego wstawionego na górze dodaje poprzeczną ramkę. Poza tym jak wypozycjonuję te ikony, to nie chcę, żeby zostawał po nich jakiś dodatkowy odstęp pomiędzy tytułem/opisem, a ramkami.

(tu odsłonię chwilowo mój testowy blog http://slurologia.blogspot.com/ http://smashthemall.blogspot.com/ na tym samym szablonie, żeby było wiadomo co się dzieje)
co poprzesuwam ikony, to i tak pozostaje po nich odstęp i nie chcą wyjść na wierzch


Najlepiej chyba by było wstawić te ikony bezpośrednio gdzieś w kod do szablonu, ale gdzie ?
______________________________________________________
Smash Them All ! ! ! - czyli zielone archiwum, główne źródło gamma informacji oraz inne okołohulkowe fanaberie.
Ostatnio zmieniony przez Boltozaurus 2012-03-28, 14:48, w całości zmieniany 1 raz  
 
  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-03-24, 22:20   

z .tabs-outer kasujesz linijkę background - w ten sposób pozbywasz się paska gradientu z zielenią. W .tabs-cap-top, .tabs-cap-bottom kasujesz linijkę border-top - w ten sposób pozbywasz się obramowań tego 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:
Boltozaurus 
Blogger.Klub


Dołączył/a: 18 Sie 2010
Posty: 20
Miasto: ZG

Wysłany: 2012-03-25, 16:51   

:D cool, dobrze jest mieć kogoś, kto od razu wie jak te wszystkie elementy się nazywają
pozbyłem się zielonego paska, ale to wciąż wygląda tak: http://slurologia.blogspot.com/ http://smashthemall.blogspot.com/
więc pewnie coś źle wpisuje do widgetu

Kod

<div style="float: right; margin-bottom: -10px; z-index: 66; position: relative; top: -10px;">
ikony ikony....
</div>

powstały odstęp od ramek to mam zamiar ujemnym marginesem usuwać
ale dlaczego jak przesuwam ikony do góry (bo chcę je nad opisem) to włażą mi one tak jakby pod warstwę z tym opisem i tytułem
______________________________________________________
Smash Them All ! ! ! - czyli zielone archiwum, główne źródło gamma informacji oraz inne okołohulkowe fanaberie.
Ostatnio zmieniony przez Boltozaurus 2012-03-28, 14:48, w całości zmieniany 1 raz  
 
  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-03-25, 17:14   

Ja bym nie kombinował z ujemnymi marginesami tylko przygotował własny nagłówek, ten który masz obecnie ma taki kod:

Kod

<div id="header" class="header section"><div id="Header1" class="widget Header">
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">
slurologia
</h1>
</div>
<div class="descriptionwrapper">
<p class="description"><span>poligon doświadczalny i testowe zabawy <b><a href="http://smashthemall.blogspot.com/">Smash Them All ! ! !</a></b> nigdzie nie publikowane :p</span></p>
</div>
</div>
</div></div>
Jest tu tytuł bloga i opis. Wrzuć sobie to do gadżetu HTML i wewnątrz DIVa header-inner dopisz jeszcze tego DIVa z ikonami. Zrób mu

Kod

position: absolute; top: 10px; right: 10px;
żadnych floatów itp.
______________________________________________________
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:
Boltozaurus 
Blogger.Klub


Dołączył/a: 18 Sie 2010
Posty: 20
Miasto: ZG

Wysłany: 2012-03-26, 15:51   

To jeszcze dopytam. Jak wówczas pozbyć się prawdziwego nagłówka? Nie ma żadnej opcji, żeby go ukryć, usunąć. Nie można go przesuwać, ani wyczyścić mu wszystkich pól.

I taka wątpliwość, czy zastąpienie nagłówka nie wpłynęłoby na to jak prezentują się wyniki w wyszukiwarkach? Obecnie jak w google wyszukam swojego bloga, to w wynikach otrzymuje kilka stron z tytułem bloga i jeszcze ładnie z tym opisem z nagłówka poniżej.


Ale i tak zrobiłem inaczej i wklepałem te ikony bezpośrednio do edytora szablonu. Wielkie dzięki, bo bez tego kodu powyżej nigdy bym tego nie znalazł. A i tak było sporo szukania, bo tam pełno if-ów, czy nagłówek z obrazkiem, czy bez, czy obrazek z przodu, czy z tyłu itd., chyba każda możliwość była. No i trzeba było pozamieniać też " na ' i inaczej zapisać odstępy między ikonami itp..

http://slurologia.blogspot.com/ http://smashthemall.blogspot.com/ - jeszcze trochę poprzesuwam, potestuję pod innymi przeglądarkami, poczekam czy nic się nie zawali i będę mógł ukryć blog testowy i zastosować do właściwego :rotfl:
______________________________________________________
Smash Them All ! ! ! - czyli zielone archiwum, główne źródło gamma informacji oraz inne okołohulkowe fanaberie.
Ostatnio zmieniony przez Boltozaurus 2012-03-28, 14:49, w całości zmieniany 1 raz  
 
  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-03-26, 16:13   

Jak element jest zablokowany to należy w kodzie odnaleźć:

Kod

locked='true'
i zamienić na false ;)

Boltozaurus napisał/a:

I taka wątpliwość, czy zastąpienie nagłówka nie wpłynęłoby na to jak prezentują się wyniki w wyszukiwarkach? Obecnie jak w Google wyszukam swojego bloga, to w wynikach otrzymuje kilka stron z tytułem bloga i jeszcze ładnie z tym opisem z nagłówka poniżej.
schemat masz ten sam, tekst również. Kod HTML nie jest brany pod uwagę, daje jedynie do zrozumienia robotom co jest nagłówkiem strony a co zwykłym tekstem, dlatego nagłówki odznacza się za pomocą h1, h2, h3 ;)
______________________________________________________
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