1
maximily
How to change template on my website?
  • 2006/4/26 7:13

  • maximily

  • Just popping in

  • Posts: 11

  • Since: 2006/4/26


Hi !
I just have a one website with XOOPS version 2 and now I like to change my template..Please,tell me how..

2
Will_H
Re: How to change template on my website?
  • 2006/4/26 7:20

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


you need to download the default template through "Admin">"Misc Tools">"Templates" area.

uncompress the default[1].tar.gz

carry on.

3
maximily
Re: How to change template on my website?
  • 2006/4/26 7:40

  • maximily

  • Just popping in

  • Posts: 11

  • Since: 2006/4/26


OK..Now I downloaded default.tar and I can see on my desktop this icon..What I need to do next?
I uncompressed this file and now I see :


-
default
1142022143

XOOPS 2.0.13.2
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-


-----------------------------------------------------------
What I need next?

4
Will_H
Re: How to change template on my website?
  • 2006/4/26 7:44

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


woah now....

Do you know how to modify template files?

If so then you need to uncompress the .tar.gz

if not

ask a more detailed question.

quick example of template

Quote:



<{if $block.disp_mode == 0}>








<{foreach item=topic from=$block.topics}>
">






<{/foreach}>

5
maximily
Re: How to change template on my website?
  • 2006/4/26 7:56

  • maximily

  • Just popping in

  • Posts: 11

  • Since: 2006/4/26


Uh..I don't know how to modify template file..When I uncompressed my file tar.gz. i still see :

-
moj_default
1142122503

XOOPS 2.0.13.2
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-


6
Will_H
Re: How to change template on my website?
  • 2006/4/26 8:12

  • Will_H

  • Friend of XOOPS

  • Posts: 1786

  • Since: 2004/10/10


A template set is not just "A" file... its a bunch of files. I just started building a new domain and the template set for that is currently 151 files.

I dont recoomend you go any further until you master this list

https://xoops.org/modules/smartfaq/category.php?categoryid=17

remember there are 3 pages there.

Trust me its worth it to read it all.

7
maximily
Re: How to change template on my website?
  • 2006/4/26 9:39

  • maximily

  • Just popping in

  • Posts: 11

  • Since: 2006/4/26


OK..
I downloaded some new theme and i transfered this theme to my ftp server..I named this new theme and now I can see this new theme in my system admin-preferences..but,I selected this new theme and activated and still is nothing changed..
I chacked my file from new theme and I can se :

body
{
color: black;
font-family: Verdana,Arial,Sans-serif;
background-image: url(images/bg_main.gif);
margin: 0px;
}
table
{
width: 100%;
font-size: 11px;
}
.mainT
{
width: 780px;
background-color: #FFFFFF;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #000000;
border-left-color: #000000;
}
table td
{
padding: 0;
border-width: 0;
vertical-align: top;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
a
{
color: #044F7B;
text-decoration: none;
font-weight: bold;
}
a:hover
{
color: #FEC03F;
}
ul
{
margin: 2px;
padding: 2px;
list-style: decimal inside;
text-align: left;
}
li
{
margin-left: 2px;
list-style: square inside;
color: #2F5376;
}
.item
{
color: #0D0D0D;
}
.itemHead
{
padding: 11px 3px 0px 40px;
color: #242424;
background-image: url(images/news_titles.gif);
height: 33px;
}
.itemInfo
{
text-align: right;
padding: 3px;
background-color: #FFFFFF;
}
.itemTitle a
{
font-size: 11px;
font-weight: bold;
font-variant: normal;
color: #000000;
background-color: transparent;
}
.itemTitle a:hover
{
color: #7A7A7A;
}
.itemPoster
{
font-size: 9px;
}
.itemPostDate
{
font-size: 9px;
}
.itemStats
{
font-size: 9px;
}
.itemBody
{
padding-left: 15px;
padding-right: 15px;
}

.itemBody img
{
margin: 5px;
border: 1px solid #000000;
}
.itemText
{
margin-top: 5px;
margin-bottom: 5px;
}
.itemText:first-letter
{
}
.itemFoot
{
text-align: left;
padding: 3px 3px 3px 15px;
background-color: #FFFFFF;
font-size: 11px;
}
.itemAdminLink
{
font-size: 90%;
}
.itemPermaLink
{
font-size: 90%;
}
th
{
background-color: #CDDCEB;
color: #004080;
padding: 2px;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


td#leftcolumn
{
width: 184px;
font-size: 11px;
border-right: ;
padding-top: 0px;
background-color: #246494;
color: #FFFFFF;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
}
td#leftcolumn a
{
color: #FFFFFF;
font-weight: normal;
}

td#leftcolumn a:hover
{
color: #E5E5E5;

}
td#leftcolumn th
{
vertical-align: bottom;
border-bottom: 1px dashed #8699B5;
background-color: transparent;
color: #ffffff;
}
td#leftcolumn div.blockTitle
{
padding: 9px 3px 3px 32px;
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 10px;
margin-bottom: 2px;
background-image: url(images/menu_titles.gif);
background-repeat: no-repeat;
height: 30px;
}
td#leftcolumn div.blockContent
{
padding: 2px;
line-height: 120%;
line-height: 120%;
color: #FFFFFF;
}
td#centercolumn
{
font-size: 11px;
color: #000000;
padding-left: 5px;
padding-right: 5px;
width: 100%;
padding-top: 5px;
}
td#centercolumn th
{
color: #004080;
background-color: #febc20;

}
td#centerCcolumn div.blockTitle
{
padding: 12px 3px 3px 50px;
color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 10px;
margin-bottom: 5px;
background-image: url(images/news_titles.gif);
height: 30px;
font-weight: bold;
}
td#centerCcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 8px;
padding-right: 15px;
padding-left: 15px;
}

td#centerCcolumn div.blockContent img
{
margin: 5px;
border: 1px solid #000000;
}
td#centerLcolumn
{
width: 60%;
padding: 0px 0px 0px 0px;
border-right: 1px solid #cccccc;
}
td#centerLcolumn div.blockTitle
{
padding: 12px 3px 3px 50px;
color: #000000;
font-weight: bold;
font-size: 10px;
margin-bottom: 5px;
background-image: url(images/news_titles.gif);
height: 30px;
}
td#centerLcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
padding: 2px 15px;
}
td#centerLcolumn div.blockContent img
{
margin: 5px;
border: 1px solid #000000;
}

td#centerRcolumn
{
width: 40%;
padding: 0px 0px 0px 0px;
}
td#centerRcolumn div.blockTitle
{
padding: 12px 3px 3px 50px;
color: #000000;
font-weight: bold;
font-size: 10px;
margin-bottom: 5px;
background-image: url(images/news_titles.gif);
height: 30px;
}
td#centerRcolumn div.blockContent
{
margin-right: 0px;
margin-left: 0px;
margin-bottom: 2px;
padding: 2px 15px;
}

td#centerRcolumn div.blockContent img
{
margin: 5px;
border: 1px solid #000000;
}
td#rightcolumn
{
width: 170px;
font-size: 11px;
border-left: 1px solid #000000;
background-image: url(images/right_column_bg.gif);
background-repeat: repeat-y;
color: #000000;
}
td#rightcolumn th
{
vertical-align: bottom;
border-bottom: 1px dashed #8699B5;
background-color: transparent;
color: #00274F;
}
td#rightcolumn div.blockTitle
{
color: #000000;
font-weight: bold;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
font-size: 10px;
background-color: #CCCCCC;
margin-bottom: 2px;
padding-left: 30px;
background-image: url(images/menu_titles_right.gif);
background-repeat: no-repeat;
height: 28px;
padding-top: 10px;
padding-right: 3px;
padding-bottom: 3px;
}
td#rightcolumn div.blockContent
{
padding: 3px;
line-height: 120%;
}
td#mainmenu a
{
color: #ffffff;
font-size: 11px;
display: block;
background-image: url(images/e01.gif);
background-repeat: no-repeat;
background-position: 10px;
padding: 10px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #48C8FF;

}
td#mainmenu a:hover
{
color: #F2F2F2;
background-color: #0C4676;
}
td#mainmenu a.menuTop
{
padding-left: 30px;
}
td#mainmenu a.menuMain
{
padding-left: 30px;
}
td#mainmenu a.menuSub
{
padding-left: 40px;
color: #CCCCCC;
font-weight: normal;
}
td#usermenu a
{
margin: 0;
color: #000000;
font-weight: normal;
font-size: 11px;
padding-left: 15px;
margin-left: 3px;
padding-bottom: 2px;
}
td#usermenu a:hover
{
color: #666666;
}
td#usermenu a.highlight
{
background-color: #fcc;
}
.head
{
font-weight: bold;
color: #FFFFFF;
height: 24px;
line-height: 22px;
text-align: center;
background-color: #012583;
}
.even
{
background-color: #eeeeee;
padding: 3px;
color: #000000;
}
.odd
{
background-color: #f6f6f6;
padding: 3px;
}
.foot
{
padding: 5px;
font-weight: bold;
color: #000000;
}
tr.even td
{
background-color: transparent;
padding: 5px;
}
tr.odd td
{
background-color: transparent;
padding: 5px;
}
div.errorMsg
{
background-color: #FFCCCC;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.confirmMsg
{
background-color: #DDFFDF;
color: #136C99;
text-align: center;
border-top: 1px solid #DDDDFF;
border-left: 1px solid #DDDDFF;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
font-weight: bold;
padding: 10px;
}
div.resultMsg
{
background-color: #CCCCCC;
color: #333333;
text-align: center;
border-top: 1px solid silver;
border-left: 1px solid silver;
font-weight: bold;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 10px;
}
div.xoopsCode
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
div.xoopsQuote
{
background: #FFFFFF;
border: 1px inset #000080;
font-family: "Courier New",Courier,monospace;
padding: 0px 6px 6px 6px;
}
.comTitle
{
font-weight: bold;
margin-bottom: 2px;
}
.comText
{
padding: 2px;
}
.comUserStat
{
font-size: 10px;
color: #2F5376;
font-weight: bold;
border: 1px solid silver;
background-color: #ffffff;
margin: 2px;
padding: 2px;
}
.comUserStatCaption
{
font-weight: normal;
}
.comUserStatus
{
margin-left: 2px;
margin-top: 10px;
color: #2F5376;
font-weight: bold;
font-size: 10px;
}
.comUserRank
{
margin: 2px;
}
.comUserRankText
{
font-size: 10px;
font-weight: bold;
}
.comUserRankImg
{
border: 0;
}
.comUserImg
{
margin: 2px;
}
.comDate
{
font-weight: normal;
font-style: italic;
font-size: smaller;
}
.comDateCaption
{
font-weight: bold;
font-style: normal;
}
input
{
font: 11px verdana, arial, helvetica, sans-serif;
color: #000000;
}
textarea
{
border: 1px solid #8699B5;
width: 400px;
font: 11px verdana, arial, helvetica, sans-serif;
background-color: #F2F4F7;
}
input.formTextBox
{
border: 1px solid #8699B5;
background: #F2F4F7;
font: 11px verdana, arial, helvetica, sans-serif;
}
select
{
border: 1px solid #8699B5;
font: 11px verdana, arial, helvetica, sans-serif;
background-color: #F2F4F7;
}


form
{
font-size: 11px;
color: #000000;
}

.button
{
font-size: 10px;
color: #000000;
margin-bottom: 1px;
}
.mainC
{
margin-bottom: 20px;
}
.blocks
{
margin-bottom: 6px;
}






td#menuBar {
background-image: url(images/header_08.jpg);
background-repeat: no-repeat;
height: 40px;
}
td#menuBar a:hover{
background-image: url(images/links_over.gif);
background-repeat: repeat-x;
color: #0053A6;
height: 40px;
}
.menuBarLinks {
padding-top: 10px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 15px;
}
.menuBarLinks a {
font-weight: bold;
color: #003366;
}
.menuBarLinks a:hover {
}

.footer {
border-top: 1px solid #FFFFFF;
background-image: url(images/foot_bg.gif);
height: 49px;
background-repeat: repeat-x;
font-size: 10px;
}
.footer a{
color: #000000;
font-size: 10px;
}
.footer a:hover{
color: #145AA7;
}
h4 {
font-size: 11px;
}

td#headmenu
{
background-image: url(images/header_08.jpg);
background-repeat: no-repeat;
height: 24px;
background-color: #172693;

}
td#headmenu a
{
background-color: #172693;
color: #003366;
font-size: 10px;
display: block;
padding: 3px;
background-image: url(images/header_08.jpg);
background-repeat: no-repeat;
height: 24px;
text-decoration: none;
}

td#headmenu a:hover
{
background-image: url(images/links_over.gif);
background-repeat: repeat-x;
color: #0053A6;
height: 24px;
}
td#headmenu a.menuHead
{
font-size: 11px;
padding-top: 12px;
}
------------------------------------------------------------
What is wrong now and what i need to do next?

8
maximily
Re: How to change template on my website?
  • 2006/4/26 9:47

  • maximily

  • Just popping in

  • Posts: 11

  • Since: 2006/4/26


and i se in theme html file next:

<{if $xoops_showrblock == 1}> <{/if}>
<{foreach item=block from=$xoops_lblocks}>
"><{$block.title}>
<{$block.content}>
<{/foreach}>

<{if $xoops_showcblock == 1}>
<{foreach item=block from=$xoops_ccblocks}>
<{$block.title}>
<{$block.content}>
<{/foreach}>
<{foreach item=block from=$xoops_clblocks}>
<{$block.title}>
<{$block.content}>
<{/foreach}> <{foreach item=block from=$xoops_crblocks}>
<{$block.title}>
<{$block.content}>
<{/foreach}>
<{/if}>
<{$xoops_contents}>



<{foreach item=block from=$xoops_rblocks}>
"><{$block.title}>
<{$block.content}>
<{/foreach}>
---------------------------------------------------------
What is next step?

<{$smarty.const._MB_NEWBB_FORUM}> <{$smarty.const._MB_NEWBB_TOPIC}> <{$smarty.const._MB_NEWBB_RPLS}> <{$smarty.const._MB_NEWBB_VIEWS}> <{$smarty.const._MB_NEWBB_LPOST}>
<{$topic.forum_name}>
<{if $topic.topic_subject}>
<{$topic.topic_subject}>
<{/if}>
<{$topic.title}>
<{$topic.topic_page_jump}>
<{$topic.replies}> <{$topic.views}> <{$topic.time}>
<{$topic.topic_poster}> <{$topic.jump_post}>
Stats
Goal: $100.00
Due Date: Oct 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits