Forum Blogowe 19 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

»  »  »  »  ::
Zamknięty przez: Htsz
2015-05-04, 05:09
Autor Wiadomość
dawid9706 
Blogger.Klub

Dołączył/a: 26 Sie 2011
Posty: 2
Wysłany:    Obrazek obok obrazka
Chciałbym tak rozmieścić obrazy : Czyli po prostu jeden obok drugiego .A dałoby rade jakoś inaczej ? [Szybciej] Bo trochę tego jest . Dokładnie tyle :http://www.wwe.com/superstars/halloffame/inductees . Chciałbym u siebie na blogu coś podobnego.

A i jeszcze coś np. tu : http://www.impactwrestlin...Wrestler-Roster
Zaznaczam wszystkie obrazki Ctrl+C Potem na blogu Ctrl+V i są jeden obok drugiego.

Tak to wygląda u mnie na blogu :http://wwewynikigal.blogspot.com/p/tna-wrestling-roster.html
To jest strona innej federacji . A chciałbym te pierwsze mieć jeden obok drugiego .
Ostatnio zmieniony przez dawid9706 2011-10-15, 11:25, w całości zmieniany 1 raz  
 
  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: 2011-10-05, 21:33   wstawianie zdjęć z galerii / z dysku twardego
Ręcznie można to zrobić tak:

1. Ustawiasz wyrównywanie tekstu do lewej
2. wklejasz fotki do wpisu (będę jedna pod drugą)
3. Zmieniasz widok na HTML

Kod każdego zdjęcia wygląda mniej więcej tak:

Kod

<div class="separator" style="clear: both; text-align: left;">
<a href="http://1.bp.blogspot.com/-WP1jYGndHC0/TdYIiKSjoYI/AAAAAAAABUM/sNhIiZMzWV4/s1600/av200_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-WP1jYGndHC0/TdYIiKSjoYI/AAAAAAAABUM/sNhIiZMzWV4/s1600/av200_3.jpg" /></a></div>
<br />


Zostawiasz tylko pierwszy

Kod

<div class="separator" style="clear: both; text-align: left;">
i ostatni

Kod

</div>

w całej puli wstawionych obrazków a resztę znaczników div br i /div wywalasz

Następnie w kodzie każdego obrazka edytujemy styl, który wygląda tak:

Kod

style="margin-left: 1em; margin-right: 1em;"

Zamieniamy to na:

Kod

style="margin: 0 1em 1em 0; float: left;"

a najlepiej na to:

Kod

class="flipcardimg"

w tym przypadku w edytorze szablonu, w sekcji CSS kodu trzeba potem dopisać jeszcze to:

Kod

.flipcardimg {margin: 0 1em 1em 0; float: left;}


Zamiany można robić chociażby w notatniku. Wklejasz kod wszystkich obrazków i za pomocą edycja -> zmień.. edytujesz kod a potem wklejasz go w widoku HTML i zapisujesz zmiany.

w skrócie schemat twojego wpisu powinien wyglądać tak:
div
(zalinkowany)-obrazek-ze-stylem
(zalinkowany)-obrazek-ze-stylem
(zalinkowany)-obrazek-ze-stylem
(zalinkowany)-obrazek-ze-stylem
/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:
dawid9706 
Blogger.Klub

Dołączył/a: 26 Sie 2011
Posty: 2
Wysłany: 2011-10-06, 10:43   
Thx za odpowiedz ;]

[ Dodano: 15-10-2011, 11:19 ]
A dałoby rade jakoś inaczej ? [Szybciej] Bo trochę tego jest . Dokładnie tyle :http://www.wwe.com/superstars/halloffame/inductees . Chciałbym u siebie na blogu coś podobnego.

[ Dodano: 15-10-2011, 11:21 ]
A i jeszcze coś np. tu : http://www.impactwrestlin...Wrestler-Roster
Zaznaczam wszystkie obrazki Ctrl+C Potem na blogu Ctrl+V i są jeden obok drugiego.

[ Dodano: 15-10-2011, 11:22 ]
Tak to wygląda u mnie na blogu :http://wwewynikigal.blogspot.com/p/tna-wrestling-roster.html
To jest strona innej federacji . A chciałbym te pierwsze mieć jeden obok drugiego .
 
  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: 2011-10-24, 02:54   
po naszych rozmowach na PW wyszło, że chcesz wstawiać obrazki z innej strony.

Jest to instrukcja spersonalizowana, więc nie przyda się raczej nikomu innemu. Ewentualnych czytelników tego tematu zapraszam do korzystania z metody powyżej - dotyczy ona obrazków wstawianych przez panel, poniżej metoda dla Dawida.

Pamiętaj o dodaniu linka do strony, z której pobierasz treści i multimedia.

1. wklejając treść zakładki dotyczącej zawodników zaczynaj z kopiowaniem od czegoś w tym stylu:

Kod

<div class="view view-talent-group view-style-default view-id-talent_group view-display-id-for_all_active_roster_tg view-dom-id-talent-group-for-all-active-roster-tg-1 views-processed">


jak znaleźć koniec? obecnie strona ma 14 wierszy i w kodzie jest on oznaczony jako styl

Kod

<div class="views-row row-14 row-last">tutajtreść wiersza</div>
Tuż pod nim jest div czyszczący:

Kod

<div class="clear"></div>
kopiujesz więc kod zawodników aż do tego miejsca a następnie na końcu dopisujesz jeszcze to:

Kod

</div></div></div>
(lub możesz ewentualnie skopiować to razem z całym kodem ze strony)

2. kopiujesz kod ze źródła do notatnika i dodajesz do linków oraz obrazków pełny adres. Wybierasz opcję Edycja -> Zamień...

a) zamieniasz href="/ na href="http://www.wwe.com/
b) zamieniasz src="/ na src="http://www.wwe.com/

3. wklejasz kod do bloga i publikujesz wpis.

4. przechodzisz do zakładki szablon i edytujesz go. W sekcji CSS dopisujesz to:

Kod

/* zawodnicy-avatary
-----------------------------------------------*/

.view-talent-group {
padding: 14px;
}

.view-talent-group .views-row {
clear: both;
overflow: hidden;
position: relative;
}

.view-talent-group .views-column {
display: inline;
float: left;
height: 120px;
margin-right: 14px;
overflow: hidden;
position: relative;
width: 98px;
}

.view-talent-group .wwe-bio-image {
position: relative;
}

.view-talent-group .talent-image {
display: block;
height: 105px;
position: relative;
width: 98px;
}

.view-talent-group .views-row {
clear: both;
overflow: hidden;
position: relative;
}

.view-talent-group .talent-image img {
clip: rect(3px, 95px, 103px, 3px);
left: 0;
position: absolute;
top: 0;
}

.view-talent-group .title {
bottom: 2px;
color: #FFFFFF;
display: block;
font-size: 9px;
left: 5px;
letter-spacing: 1px;
line-height: 9px;
margin-right: 3px;
padding: 1px 2px;
position: absolute;
text-align: left;
text-transform: uppercase;
z-index: 3;
}

.view-talent-group .title a {
background: none repeat scroll 0 0 #000000;
color: #FFFFFF;
}
jest to kod css elementów takich jak ramki, odnośniki, tytuły, obrazki użytych w kodzie do prezentacji zawodników. U mnie na przykładzie wygląda to tak: http://blogowiczinfo.blog...11/01/test.html
______________________________________________________
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:
dawid9706 
Blogger.Klub

Dołączył/a: 26 Sie 2011
Posty: 2
Wysłany: 2011-10-24, 15:26   
Naprawdę bardzo dziękuję za takie poświęcenie ;)
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Ten temat jest zablokowany bez możliwości zmiany postów lub pisania odpowiedzi
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-2025 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