Odpowiedz

Klopot z szablonem joomla 1.7

Małgorzata Halina Jaskłowska webdesigner, Travel
Online

Temat: Klopot z szablonem joomla 1.7

Zrobilam własny szablon dla joomla 1.7, wszystko działa dobrze ale nie dzieli na kolumny.
Jeśli ustawię podział strony np. na 3 kolumny to dalej jest 1.
Czy ktoś wie jak to poprawić?

Znacie jakiś dobry tutorial albo kurs tworzenia szablonow dla j1.7. Moze być po angielsku.

14.01.2012, 10:44

Link do wypowiedzi

| Cytuj

Wojtek Florys IT

Temat: Klopot z szablonem joomla 1.7

podejrzewam, że nie masz w szablonie dodanego formatowania CSS dla tych kolumn i dlatego jest jeden pod drugim. Zobacz sekcje w stylu CSS dla domyślnego szablonu Joomla! np Beez 20 :
/* ############## Blog/featured columns ######## */

Kiedyś też miałem z tym problem i z tego co pamiętam własnie nie miałem w kodzie formatowania tych tabel

14.01.2012, 12:41

Link do wypowiedzi

| Cytuj

Mateusz Jazowy Mateusz

Temat: Klopot z szablonem joomla 1.7

Dodaj to do styli css:



.column-1,

.column-2

{

	border: solid 0px;

}



.item-separator

{

	border: solid 0px #333333;

}



.items-row

{



}



.cols-4 .column-1

{

        width:23%;

        float:left

}



.cols-4 .column-2

{

        width:23%;

        margin-left:1%;

        float:left;

}



.cols-4 .column-3

{

        width:23%;

        margin-left:1%;

        float:left

}



.cols-4 .column-4

{

        width:23%;

        margin-left:0;

        float:right

}



.cols-1

{

        display: block;

        float: none !important;

        margin: 0 !important;

}



.cols-2 .column-1

{

        width:50%;

        float:left;

}



.cols-2 .column-2

{

        width:49%;

        float:right;

        margin: 0;

}



.cols-3 .column-1

{

        float:left;

        width:29%;

        padding:0px 5px;

        margin-right:4%



}

.cols-3 .column-2

{

        float:left;

        width:29%;

        margin-left:0;

        padding:0px 5px

}

.cols-3 .column-3

{

        float:left;

        width:29%;

        padding:0px 5px;

        margin-left:4%

}



.items-row

{

	overflow:hidden;

	margin-bottom:10px !important;

}



.column-1,

.column-2,

.column-3

{

	/* [disabled]padding:10px 5px; */

}



.column-2

{

        width:55%;

        margin-left:40%;

}



.column-3

{

        width:30%

}



.blog-more

{

        padding:10px 5px

}

.blog-featured {

	margin-left: -7px;

}