zarazik1 
Blogger.Klub
Imię: Przemek
Pomógł: 1 raz
Wiek: 33
Dołączył/a: 05 Kwi 2015
Posty: 68
Miasto: Wrocław
|
Wysłany:
2015-04-06, 14:29 [Szablon Indigo] Jak dodać kolejną sekcję z nagłówkiem
|
|
|
[OPIS PROBLEMU]
Mianowicie: chciałem wstawić nagłówek nad postami o nazwie: "Najnowsze posty", a o wyglądzie takim samym, jak nagłówki dla widżetów. Udało mi się, ale w wyniku wstawienia:
- tekst nagłówka jest przekreślony, nie wygląda jakby był nad linią,
- cały pasek po lewej sidebar zjeżdża mi w dół.
Dodanie podobnej sekcji z podobnym nagłówkiem pod postami skutkuje tym, że, sidebar zjeżdża poniżej wstawionej sekcji. Link do strony: http://thinkhealthytest.blogspot.com/
[CO ZROBIŁEM]
1. Aby uzyskać podobny format nagłówka pobrałem z <b:skin> cechy sidebar i main-wrap. Zamiast nazwy sidebar dałem bottonbox i uzyskałem kod (po wykasowaniu niektórych linijek, które uważałem za zbędne, np "float: right"). Kod wygląda tak:
Kod /******************************
BOTTONBOX
******************************/
.bottonbox-wrapper{
width:auto;
margin-top: 40px;
margin-left:-60px;
margin-right:320px;
}
. bottonbox-wrapper{
margin-right:0;
width:100%;
}
.bottonbox h2 {
font-family:"Verdana";
}
.bottonbox h2{
text-transform:uppercase;
font-size:16px;
margin:0 0 0px 0;
line-height:1.3;
position:relative;
text-align:center;
letter-spacing:2px;
}
.bottonbox h2 span{
display:inline-block;
padding:5px 10px;
font-weight:bolder;
background:#fff;
z-index:2;
margin-top: 20px;
position:relative;
}
.bottonbox h2:after{
content:"";
position:absolute;
top:60%;
height:3px;
margin-top:-2px;
background:#00AFD4;
width:100%;
left:0;
}
.bottonbox-wrapper:after{
content:"";
position:absolute;
width:100%;
bottom:-1000px;
left:100%;
top:0px;
background:#fff;
z-index:-1;
left:auto;
right:100%;
}
.bottonbox-wrapper:before, .bottonbox-wrapper:after{
display:none;
}
2. Następnie wstawiłem nową sekcję zaraz pod <div class='outer-wrapper'>:
Kod <div class='clr'/>
<div class='ct-wrapper'>
<div class='outer-wrapper'><div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='bottonbox-wrapper'>
<b:section class='bottonbox' id='bottonbox1' showaddelement='yes'>
<b:widget id='HTML6' locked='false' title='Najnowsze wpisy' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div></b:if>
<div class='main-wrapper'>
<b:section class='content' id='content' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posty w blogu' type='Blog'>
I nie działa. Gdzieś robię błąd i nie potrafię sobie poradzić.
Czy możecie mi pomóc? Za wszelkie wskazówki bardzo dziękuję!http://thinkhealthytest.blogspot.com/ Link do strony.
|
______________________________________________________ Student. Pasjonat muzyki. Prawie lekarz. Bloger.
Zapraszam do mnie: http://www.thinkhealthypz.blogspot.com/ |
|
FAQ
Szukaj
Użytkownicy
Blogger Polska!
Rejestracja
Zaloguj
Wyrzuciłem likeboxa - jedyną rzecz, która była obca w tym szablonie. I co gorsza, mi antywirus nie blokuje i nigdzie nie przekierowuje... 
