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

»  »  »  »  ::
Zamknięty przez: Htsz
2013-02-05, 20:06
Autor Wiadomość
CarmelC 
Blogger.Klub

Dołączył/a: 09 Sie 2010
Posty: 3
Wysłany:    [blogspot] jak poszerzyć w szablonie pole na tekst ? (+inne)
Witam.

Założyłem bloga i mam pewien problem... chciałbym poprawić kilka rzeczy... a mianowicie:

1. Jak rozszerzyć bloga? by prawie maksymalnie dać tekst do lewej? (w projektowaniu szablonów szerokość jest już na maksa)
2. Jak zrobić by pisany tekst był równy od I do I anie każda linijka różniej długości...
3. Jak zmienić tą czcionkę? (standardowe mi się nie podobają)

http://img571.imageshack.us/i/demo2h.jpg/ << tu zdjęcie ukazujące o co mi chodzi...

http://img831.imageshack.us/i/przykd.jpg/ << a tu przykład gdzie zauważyłem bloga gdzie tak jest jak ja bym chciał....


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

Yzoja 
WordPress.Klub
Psychofanka ||l||


Zaproszone osoby: 3
Imię: Angelika Wincenta
Pomogła: 8 razy
Wiek: 32
Dołączyła: 13 Gru 2008
Posty: 1040
Miasto: Zabrze
Wysłany: 2010-08-10, 12:25   
powinieneś powiedzieć o jaką platformę blogową chodzi.

1) wiesz, jest dużo różnych rozdzielczości ekranu,
wyjście I:
w stylu Diva robiącego za kontener dać:

Kod

margin: 0 50px;
co będzie skutkować tym, że blog będzie miał szerokość o 100px mniejszą niż rozdzielczość ekranu i będzie wyśrodkowany. Nie podajesz wtedy szerokości.
wyjście II:
w stylu Diva robiącego za kontener dać:

Kod

width: 90&
Wtedy chyba rozumiesz co będzie się działo? Będzie on miał szerokość 90% ekranu.

Tylko:
musisz zwrócić uwagę, na to, jak jest ustawiona szerokość divów w których masz tekst. Najlepiej ustawić je wtedy na szerokość %, to będzie grało ;)



2) to w stylu diva w którym masz tekst, dodać

Kod

text-align: justify;
Jest to wyjustowanie tekstu, czyli wyrównanie go do obu boków na raz (tak jak tu: http://portfolio.yzoja.pl...boyfriend.html)

3) za czcionkę odpowiadają takie wartości: font-family: tu wpisujesz nazwę czcionki, np. Georgia lub Tahoma, Verdana, Trebuchet ms, czy co innego Ci się spodoba;
font-size: rozmiar czcionki, w pikselach lub punktach, dlatego zawsze trzeba dodać jednostkę. Punkty są większe niż piksele, a standardowa czcionka oscyluje między rozmiarami 11px a 13px, jeszcze w zależności od kroju;
font-weight: tutaj są dwie możliwości - bold lub normal, odpowiada to za to, czy tekst jest pogrubiony, czy normalny;
font-style: italic - tekst pochyły;
font-variant: small-caps - tekst pisany w kapitalikach. Jakiś przykład... tu, po najechaniu na tytuł notki ma on własnie ten wariant: http://portfolio.yzoja.pl...ghtness/db.html
Mam nadzieję, że coś pomogłam.

z tych screenów wywnioskowałam, że to na Blogspot. Masz tam możliwość edycji stylu CSS, więc wszystko powinno grać.
______________________________________________________
|||||
Innerpartysystem - die tonight live forever
 
  podziel si� tym postem na:
CarmelC 
Blogger.Klub

Dołączył/a: 09 Sie 2010
Posty: 3
Wysłany: 2010-08-10, 12:44   
okej powoli bo dla mnie na razie html /css to czarna magia :)


To mój kod i co do szerokości możesz mi podpowiedzieć gdzie mniej wiecej mam to wstawić/poprawić/dopisać?

=> http://pokazywarka.pl/ute7aj/
 
  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: 2010-08-10, 13:11   

Cytat

powinieneś powiedzieć o jaką platformę blogową chodzi.
przecież dodał temat w dziale blogspot ;)

CarmelC napisał/a:

To mój kod i co do szerokości możesz mi podpowiedzieć gdzie mniej wiecej mam to wstawić/poprawić/dopisać?
wklejanie kodu nie zawsze ułatwia pracę, szczególnie takiego dużego jak mają na blogspocie, dokopanie się tam do rozwiązania może zajmować dużo czasu, dlatego o wiele lepszym wyjściem jest podanie linka do bloga, wtedy za pomocą odpowiednich narzędzi jesteśmy wstanie wskazać ci konkretne klasy w stylu CSS, które trzeba edytować ;)
______________________________________________________
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:
CarmelC 
Blogger.Klub

Dołączył/a: 09 Sie 2010
Posty: 3
Wysłany: 2010-08-10, 16:23   
Jeżeli ktoś by mi mógł pomóc :)
Ostatnio zmieniony przez CarmelC 2010-08-11, 14:24, 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: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2010-08-10, 18:27   
napisałeś o poszerzaniu pola a szablon (tekst i menu) jest już szeroki na 1000px, jeżeli to powiększysz to ludzie posiadający rozdzielność 1024x768 (nadal jedną z najpopularniejszych) będą mieli poprzeczny suwak w przeglądarce ;)

jezeli jednak mimo wszystko chcesz zmienić szerokość to zacznij od znalezienie tego kodu:

Kod

.content-outer, .content-fauxcolumn-outer, .region-inner {
max-width:1000px;
min-width:1000px;
}
zmieniasz obie wartości np. na 1200

potem około połowę powiększenia jakie ustalisz dodajesz do 16 w tym kodzie:

Kod

.header-inner .section {
margin:0 16px;
}
w przypadku dodanych 200 dla szerokości tutaj dodaj 95-100. Ten margines służy do przesuwania obrazka nad wpisami bardziej na środek.
______________________________________________________
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:
CarmelC 
Blogger.Klub

Dołączył/a: 09 Sie 2010
Posty: 3
Wysłany: 2010-08-10, 18:44   
Masz rację pojawił się poprzeczny pasek i to już nie bardzo pasuje chce uzyskać efekt tak jak tutaj szeroko ale wszystko się mieści.. >> http://almaanies.blogspot.com/

Pomożesz?
 
  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: 2010-08-10, 19:20   
Tam jest to zrobione za pomocą procentów, ale masz chyba inny szablon. W tym co podałem wcześniej wykasuj wszystko wewnątrz nawiasów {} w obu stylach.

i dopisz taki kod w sekcji CSS:

Kod

#header img {
margin: 0 auto;
}
______________________________________________________
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:
CarmelC 
Blogger.Klub

Dołączył/a: 09 Sie 2010
Posty: 3
Wysłany: 2010-08-10, 19:45   
Nie rozumiem co mam usunąć.... i gdzie dopisać to... możesz zjaśniej ja jestem laikiem w tym :( i czy to rozwiąże problem poprzecznego paska i że będzie się to wyświetlać wszędzie dobrze tak jak podałem na przykładzie?
 
  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: 2010-08-10, 23:29   
w moim poprzednim poście podałem dwa style, które miałeś edytować. Wykasuj z nich wszystko co jest w nawiasach {} a do kodu w sekcji CSS dopisz to o marginesach dla img.
______________________________________________________
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:
CarmelC 
Blogger.Klub

Dołączył/a: 09 Sie 2010
Posty: 3
Wysłany: 2010-08-11, 10:05   
W tym przedziale znajduje się te 100 co dopisałem do wartości 16px i co mam wszytko po usuwać z {} ?

Kod

Columns
----------------------------------------------- */
.content-inner {
padding: 0;
}

.header-inner .section {
margin: 0 116px;
}

.tabs-inner .section {
margin: 0 16px;
}

.main-inner {
padding-top: $(date.space);
}

.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}

*+html body .main-inner .column-center-inner {
margin-top: -$(date.space);
}

#layout .main-inner .column-center-inner {
margin-top: 0;
}

_______________________________________________________________
Tutaj też wszytko pousuwać?


Kod

<![CDATA[
body {
min-width: $(content.width);
}

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1200px ;
max-width: 1200px ;
_width: $(content.width);
}

.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}

.main-inner .fauxcolumn-center-outer {
left: $(main.column.left.width);
right: $(main.column.right.width);
/* IE6 does not respect left and right together */
_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}

.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}

.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}

.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}

.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}

#layout {
min-width: 0;
}

#layout .content-outer {
min-width: 0;
width: 800px;
}

#layout .region-inner {
min-width: 0;
width: auto;
}
]]>
</b:template-skin>
</head>




Nie rozumiem bo usuwam ale cały projekt się rozwala... najwidoczniej źle usuwam. Jak byś mógł usuń z tego to co ty masz na myśli i mi przedstaw a ja już załapie... bo nie mam pojęcia;/


w 1 rozumiem tak że ma zostać samo

Kod

.header-inner .section {
margin: 0 116px;
}


i więcej nic

a w 2 tylko to i więcej nic...

Kod

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 1200px ;
max-width: 1200px ;
_width: $(content.width);
}

no tak rozumiem z tego co napisałeś tylko, że jak to robi to wszystko się psuje :D
 
  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: 2010-08-11, 10:46   
kody na forum umieszczaj w znacznikach [ code ] :]

będzie łopatologicznie skoro czytanie ze zrozumieniem nie wychodzi najlepiej :P

masz:
Wiadomość (widoczna dla zarejestrowanych)
a masz mieć:
Wiadomość (widoczna dla zarejestrowanych)


masz:
Wiadomość (widoczna dla zarejestrowanych)
a masz mieć:
Wiadomość (widoczna dla zarejestrowanych)
i tuż pod tym dopisz:
Wiadomość (widoczna dla zarejestrowanych)


czyż nie o tym pisałem ;) ?
______________________________________________________
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:   
»  »  »  »  ::
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-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