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



::
Przesunięty przez: Htsz
2014-04-18, 13:51
Autor Wiadomość
lissoms 
Blogger.Klub

Dołączyła: 10 Kwi 2014
Posty: 7

  Wysłany:    [blogger] Jak wstawić linie pionowe oddzielające kolumny?

Witam.

Właśnie zaczęłam tworzyć pierwszego w życiu bloga i zastanawiam się, czy jest możliwość umieszczenia linii pionowej, oddzielającej od siebie kolumny.

Oto mój blog: http://dyskursywna.blogspot.com/

Chciałabym, aby pomiędzy postem a prawą kolumną znalazła się taka linia i sięgała aż do końca strony.

Czy to wykonalne?
 
  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

Lukem 
Blogowicz.Friend

Pomógł: 89 razy
Dołączył/a: 01 Kwi 2006
Posty: 1739

Wysłany: 2014-04-18, 12:23   

Wykonalne na dwa sposoby za pomocą CSS:

1. Ustawiając odpowiedni atrybut CSS border dla któregoś z elementów (paska bocznego lub kolumny z treścią) - czyli tworząc obramowanie. Jeden minus tego rozwiązania - linia będzie miała taką długość jak element, na której została zdefiniowana, no chyba że pasek boczny i kolumna z treścią będą zawsze tej samej wysokości.

http://www.kurshtml.edu.pl/css/obramowanie.html

2. Techniką Faux columns - w skrócie: znając szerokość całego pojemnika z treścią (pasek boczny i kolumna z tekstami razem wzięte) tworzysz obrazek o wysokości 1px i szerokości tego pojemnika, następnie powielasz go jako background.

http://www.hongkiat.com/blog/css-equal-height/
 
  podziel si� tym postem na:
lissoms 
Blogger.Klub

Dołączyła: 10 Kwi 2014
Posty: 7

Wysłany: 2014-04-18, 13:05   

Bardzo dziękuję za odpowiedź, ale męczę się z tym i męczę, i nic z tego nie wychodzi. Chyba jestem na to za głupia. :)
 
  podziel si� tym postem na:
kalmah
[Usunięty]



Wysłany: 2014-04-18, 13:21   

A to nie chodzi Ci o zwykłą linię separatora?
W ustawieniach Bloggera -> Szablon -> Dostosuj -> Zaawansowane -> Akcenty -> Kolor linii separatora?
 
  podziel si� tym postem na:
lissoms 
Blogger.Klub

Dołączyła: 10 Kwi 2014
Posty: 7

Wysłany: 2014-04-18, 13:40   

O jejku, jakie to proste! Teraz to już mi wstyd na maksa :P

Bardzo dziękuję za pomoc! :)

Mam jeszcze jedno pytanie: Czy tę linię da się pogrubić? Podejrzewam, że ona w HTMLU gdzieś jest. Jak ją znaleźć?
 
  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-04-18, 13:49   kreska oddzielająca wpisy od paska bocznego

Kod

/* Columns
----------------------------------------------- */
.main-outer {
border-top: $(main.border.width) solid $(body.rule.color);
}

.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 1px solid $(body.rule.color);
}

.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);
}
1px zamieniasz na 2 lub 3. O rodzaju obramowania decydujesz zmieniając solid na dashed, dotted 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:
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