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

»  »  »  »  ::
Przesunięty przez: Htsz
2013-01-31, 22:06
Autor Wiadomość
Getright 
Blogger.Klub


Wiek: 29
Dołączył/a: 14 Sie 2012
Posty: 29
Wysłany:    [blogger] Jak wyśrodkować kod w gadżecie HTML?
W jaki sposób mogę to wyśrodkować w Edytuj Kod HTML?

Kod

<div style="margin-top:7px">
<div class="quotetitle">
<b></b>
<input type="button" value="WWE Royal Rumble 2013" style="width: 200px; font-size: 12px; margin: 0px; padding: 0px;" onclick="
if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '')
{
this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = '';
this.innerText = '';
this.value = 'Ukryj';
}
else
{
this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none';
this.innerText = '';
this.value = 'WWE Royal Rumble 2013';
}
" />
</div>
<div class="quotecontent" style="display: none;">
<p>



W 'Dodaj Gadżet' > 'HTML/JavaScript' da radę wyśrodkować powyższy kod z <center></center> czy <p align=center></p> jednak gdy wstawiłem to w Edytuj Kod HTML już nie działa :/

Proszę o pomoc :)
 
  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

adrkwi 
WordPress.Klub


Pomógł: 3 razy
Dołączył/a: 23 Sty 2013
Posty: 190
Wysłany: 2013-01-31, 22:53   
można zrobić nową klasę w CSS o atrybutach:

Kod

.kod {
margin: 0 auto;
}


Kod

<div class="kod">tutaj twoj kod</div>
______________________________________________________
Powiedzialem.pl na facebooku
 
  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-01-31, 23:40   
poprawiłem temat, mam nadzieję, że widzisz różnicę ;)

Można zrobić tak jak napisał adrkwi, lub dopisać to bezpośrednio w kodzie, który podałeś. Zamiast:

Kod

<div style="margin-top:7px">
Będzie wyglądał tak (z dolnym i górnym marginesem):

Kod

<div style="margin: 10px auto; text-align: center;">
lub tak (bez dolnego i górnego marginesu):

Kod

<div style="margin: 0 auto; text-align: center;">


efekt końcowy powinien wyglądać np. tak:

Kod

<div style="margin: 10px auto; text-align: center;">
TUTAJ TWÓJ KOD
</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:
Getright 
Blogger.Klub


Wiek: 29
Dołączył/a: 14 Sie 2012
Posty: 29
Wysłany: 2013-02-01, 16:56   

Htsz napisał/a:

poprawiłem temat, mam nadzieję, że widzisz różnicę ;)

Widzę :) Zapamiętam sobie na przyszłość :)

Nic, nie działa. W żaden z wymienionych sposobów gadżet się nie wyśrodkował :(

Może ja to w złym miejscu wstawiam? Nie mam pojęcia.

można zrobić nową klasę w CSS o atrybutach:
.kod {
margin: 0 auto;

Coś takiego?

Cytat

.<div style=margin-top:7px>
<div class=quotetitle>
<b></b>
<input type=button value=WWE Royal Rumble 2013 style=width: 200px; font-size: 12px; margin: 0px; padding: 0px; onclick=
if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '')
{
this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = '';
this.innerText = '';
this.value = 'Ukryj';
}
else
{
this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none';
this.innerText = '';
this.value = 'WWE Royal Rumble 2013';
}
/>
</div>
<div class=quotecontent style=display: none;>
<p> {
margin: 0 auto;
}
 
  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-01, 17:22   
quote służy do cytowania a code do wklejania kodów.
Nie tak. Prawie w każdym temacie tutaj na forum gdzie przwija się temat CSS piszemy, że wkleja się to do sekcji CSS szablonu, na początku kodu masz wiele podobnych elementów. Jak się nie znasz do w dziale Szablon -> dostosuj -> zaawansowane masz możliwość wklejenia własnego arkusza CSS.

Jest też brzydki sposób, czyli wklejenie tego w gadżecie, na samym początku - według schematu:
Wiadomość (widoczna dla zarejestrowanych)


Kolejna sprawa. My środkowaliśmy cały div, jak chcesz mieć wyśrodkowaną zawartość - np. tekst. to musisz dopisać: text-align: center; dla tego diva lub elementu, którego tekst ma być na środku.
______________________________________________________
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:
Getright 
Blogger.Klub


Wiek: 29
Dołączył/a: 14 Sie 2012
Posty: 29
Wysłany: 2013-02-01, 17:38   
Tyle, że ja mam ten caly kod w Edytuj Kod HTML a nie w Dodaj Gadżet.



Moglibyście mi podać odrazu gotowca? Proszę.
 
  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-01, 18:07   
a metoda z mojego pierwszego posta nie zadziałała? poza tym nie zalinkowałeś bloga, na którym to masz. Z obrazków nie wróżymy.
______________________________________________________
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:
Kejczi 
Blogger.Klub


Imię: Natalia
Wiek: 27
Dołączyła: 07 Maj 2014
Posty: 47
Miasto: Poznań
Wysłany: 2014-05-08, 21:26   
Jezu, ile ja mam problemów, pewnie już to powolimęczy XD Mam całkiem podobny problem, z tym że chciałabym aby na moim blogu moje przyciski społecznościowe były niżej, tak na środku widżetu, a nie tak mocno wysunięte w górę. :C nie mam pojęcia jak to zrobić
______________________________________________________
 
  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: 2014-05-08, 22:54   wyśrodkowanie w pionie
Bawiliśmy się wyżej górnym marginesem. Ustaw jakąś większą wartość.

W tym konkretnym układzie jaki masz teraz w szablonie prostym, czyli sekcja stopki podzielona na dwie kolumny (w kodzie utworzone za pomocą tabeli), możesz ustawić wyrównanie w pionie na centralne dla komórki:
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:
Kejczi 
Blogger.Klub


Imię: Natalia
Wiek: 27
Dołączyła: 07 Maj 2014
Posty: 47
Miasto: Poznań
Wysłany: 2014-05-08, 23:58   
BOŻE DZIĘKUJĘ <3
______________________________________________________
 
  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