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
2011-03-30, 15:22
Autor Wiadomość
johnnyfoto 
Ownlog.Klub

Dołączył: 29 Mar 2011
Posty: 1

  Wysłany:    [szablon dot] jak poszerzyć ramkę bloga (na zdjęcia)?

Witam.

Mam problem z szablonem DOT, który jest dostępny na stronie blogowicz.info . Chodzi mi o to, że nie potrafię rozszerzyć tego "środkowego" menu, które umożliwia dodawanie zdjęć tylko o szerokości 800 pix. Według mnie jest to trochę mało, więc próbuje to zmienić ale nie potrafię.. Czy ktoś wie co zrobić? Co mogę zmienić w kodzie bloga? Próbowałem pozmieniać wszystkie wartości, które mają 800pix i niestety nic nie pomogło, dalej to jest takie wąskie. Z góry dzięki za wszystkie pomocne odpowiedzi :)

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

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 34
Dołączył: 01 Sty 2006
Posty: 8940
Miasto: Wrocław

Wysłany: 2011-03-30, 00:17   

duże litery w internecie oznaczają krzyk i wcale nie poprawiają czytelności tekstu, także na przyszłość stosuj je przy rozpoczynaniu nowego zdania na nie przy każdej literze ;)

podam link do szablonu => http://img.blogowicz.info/inne/dot/dot.html

jeżeli chodzi o edycję ramki. Ewa niestety nie zrobiła go tak, aby był elastyczny. Elementy tła są obrazkami, jednak parę przeróbek powinno pozwolić na określenie dowolnej szerokości szablonu.

Kod


body {
background: none repeat scroll 0 0 #282828;
color: #A5A5A5;
font-family: tahoma,sans-serif;
font-size: 12px;
letter-spacing: 1px;
line-height: 22px;
margin: 0;
padding: 0;
text-align: center;
}
#container {
background-color: #121212;
border-color: #1C1C1C;
border-style: solid;
border-width: 0 3px;
margin: auto;
width: 940px;
position: relative;
}
#head {
background: url("head.jpg") no-repeat scroll 0 0 #1C1C1C;
height: 246px;
margin-bottom: 10px;
margin-top: 0;
}
#foot {
background: url("foot.jpg") repeat-x scroll 0 0 transparent;
height: 55px;
}
#content {
margin: 20px;
text-align: justify;
}
#menu {
right: 20px;
margin-top: -160px;
position: absolute;
text-align: right;
}
#menu a {
border: medium none;
color: #F3CB0F;
font-family: tahoma,sans-serif;
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 10px;
margin-right: 20px;
text-transform: lowercase;
}
#menu a:hover {
border-bottom: 4px dotted #F50B7A;
color: #F3CB0F;
font-family: tahoma,sans-serif;
font-size: 11px;
letter-spacing: 2px;
margin-right: 20px;
text-decoration: none;
text-transform: lowercase;
}
a {
border-bottom: 3px dotted #F50B7A;
color: #A5A5A5;
text-decoration: none;
}
a:hover {
border-bottom: 3px dotted #F50B7A;
color: #E6C72E;
text-decoration: none;
}
h2 {
border-bottom: 5px dotted #E5237F;
border-top: 5px dotted #57DC29;
color: #F3CB0F;
font-family: "times new roman",sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
letter-spacing: 3px;
margin-bottom: 20px;
margin-top: 23px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
text-transform: lowercase;
}
h3 {
border-bottom: 5px dotted #8F8F8F;
color: #8F8F8F;
font-family: "times new roman",sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
letter-spacing: 3px;
margin-bottom: 20px;
margin-top: 23px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
text-transform: lowercase;
}
i {
color: #E6C72F;
}
u {
border-bottom: 3px dotted #57DC29;
text-decoration: none;
}
hr {
border-style: dotted none none;
border-top: 3px dotted #B5D81C;
height: 1px;
width: 100%;
}
textarea, td, input, button {
background: none repeat scroll 0 0 #282828;
border: 5px solid #282828;
color: #EDCC31;
font-family: arial,sans-serif;
font-size: 11px;
letter-spacing: 1px;
}
.linki {
text-align: center;
}
#stopka {
color: #A5A5A5;
font-family: tahoma,sans-serif;
font-size: 10px;
letter-spacing: 1px;
line-height: 11px;
margin-left: 10px;
text-align: center;
width: 800px;
}
#stopka a {
color: #A5A5A5;
text-decoration: none;
}
#stopka a:hover {
border-bottom: 3px dotted #F50B7A;
color: #6998F9;
text-decoration: none;
}


zamień ten css ze swoim. Rzeczy, które zostały zmienione:
skasowane tło obrazkowe z sekcji wpisów i ustawiony kolor. Skasowałem sztywne szerokości boksów i nagłówków wewnątrz obramowania, teraz szerokość całego bloga ustalasz w jednym miejscu (#container).

Jeżeli wpisy mają być szerokie na 900px to dla container będzie 900+20+20=940 (te 20 to marginesy boczne).
______________________________________________________
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-2020 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony wordpress
kod zniżkowy -10% za licencję
w koszyku wpisz: Blogowicz
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz