1
dezigner
stuck on my 1st theme...custom blocks
  • 2006/6/30 17:53

  • dezigner

  • Just popping in

  • Posts: 12

  • Since: 2006/5/15


I hope I posted in the right place.

XOOPS Version: 2.0.1.4
Module Name/Version: System
PHP Version: 5.1.4
MySQL Version: 4.1.20-standard
Web Server Software (Apache/IIS/Other): 1.3.36 (Unix)
Operating System: Linux
Theme you are using: Customized default
Custom template: (Yes/No) No
PHP Debug Messages: N/A
MySQL Debug Messages: N/A
Smarty Debug Messages: N/A

A full description of the issue:
I created a custom block and would like it to blend with the new theme I created but there is no "Edit Template" link for me to include style tags. I went through the theme style.css but there is nothing there. Also I read "Anatomy of the Default Theme", "Operations guide" and others & cannot find anything. I also did a search here at xoops.org and could not find anything.

Because I have no modules installed other than system would I edit the main system CSS or would it be easier to install some type of module and use it instead of using a custom block.

If you visit my site, the block in question is the center block. I would like to change the color of the border and possibly add a top image to match the left and right column. Although I know how to modify it I don't know where to modify it. I had thought that editing the theme css center... would do it but it doesn't.

I designed this theme as a way to give something back to the community but now I'm stuck. If I can work this out I will continue to design free themes otherwise I guess I'm up sh*t crick without a paddle.

Please help..Thanks,

Ken

2
Quest
Re: stuck on my 1st theme...custom blocks
  • 2006/6/30 21:16

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


The leftcolum, centercolumn, centerCcolumn, centerLcolumn and rightcolum are controled basically from five files.
Themes html files:
themes/theme you are using/theme.html
themes/theme you are using/theme_blockcenter_c.html
themes/theme you are using/theme_blockcenter_l.html
themes/theme you are using/theme_blockcenter_r.html
and the
CSS file:
themes/theme you are using/style.css

What you are concerned with are the theme html files and the style.css.

In the theme file for the centercolum and the centerLcolumn, centerRolumn, and centerCcolumn you will see that they call an include to the corresponding theme html files:

<{if $xoops_showcblock == 1}> <{foreach item=block from=$xoops_ccblocks}>
<{include file="default/theme_blockcenter_c.html"}> <{/foreach}>

<{foreach item=block from=$xoops_clblocks}>
<{include file="default/theme_blockcenter_l.html"}>
<{/foreach}>
<{foreach item=block from=$xoops_crblocks}>
<{include file="default/theme_blockcenter_r.html"}> <{/foreach}>
<{/if}>

You have already played around with the style.css file. As you have duplicate id entrys.

The outside border around the center blocks that you see is from the fieldset tag in the corresponding theme html file.
The inner border is from the style.css.

Documentation and guides can be found in the F.A.Q.s and Documentation links on the left in the Community Menu.

Quest

3
dezigner
Re: stuck on my 1st theme...custom blocks
  • 2006/7/1 1:18

  • dezigner

  • Just popping in

  • Posts: 12

  • Since: 2006/5/15


thanks but, I'm still not understanding exactly what I need to edit to change the outer black border in the center of the page.

thanks again!!

4
Quest
Re: stuck on my 1st theme...custom blocks
  • 2006/7/1 1:28

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


Look at the code for this file.

themes/theme you are using/theme_blockcenter_c.html

remove <fieldset> and </fieldset>

That should get rid of the outside border of your centercenter block.

If you want to get rid of it for the center left and center right blocks then you will have to do the same for

theme_blockcenter_l.html
&
theme_blockcenter_r.html

The other inner border for left, bottom and right are in your style.css.

5
dezigner
Re: stuck on my 1st theme...custom blocks
  • 2006/7/1 2:10

  • dezigner

  • Just popping in

  • Posts: 12

  • Since: 2006/5/15


yes, removing the fieldset tags did remove the border but it also screwed up other settings for the block as well. It completely went nuts.

sooo, how about just changing the color of the border and maybe the thickness of the border to match the inner border.
(the inner border changes via css with no problem)

About the only other thing I can figure is that the center, leftcenter, etc.. are all contained within 1 table as opposed to having each within its own table. An example of the theme html is below...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$xoops_langcode}>" lang="<{$xoops_langcode}>">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link href="<{$xoops_url}>/favicon.ico" rel="SHORTCUT ICON" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_themecss}>" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
</head>
<body>
<table cellspacing="0">
<tr id="header">
<td id="headerlogo"><a href="<{$xoops_url}>/"><img src="<{$xoops_imageurl}>logo.gif" width="150" height="80" alt="" /></a></td>
<td id="headerbanner"><{$xoops_banner}></td>
</tr>
<tr>
<td id="headerbar" colspan="2">&nbsp;</td>
<tr>
<td colspan="2">&nbsp;</td>
</tr>
</table>

<table cellspacing="0">
<tr>
<td id="leftcolumn">
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<{include file="default/theme_blockleft.html"}>
<{/foreach}>
<!-- End left blocks loop -->

</td>

<td id="centercolumn">
<!-- Display center blocks if any -->
<{if $xoops_showcblock == 1}>
<table cellspacing="0">
<tr>
<td id="centerCcolumn" colspan="2">
<!-- Start center-center blocks loop -->
<{foreach item=block from=$xoops_ccblocks}>
<{include file="default/theme_blockcenter_c.html"}>
<{/foreach}>
<!-- End center-center blocks loop -->
</td>
</tr>
<tr>
<td id="centerLcolumn">
<!-- Start center-left blocks loop -->
<{foreach item=block from=$xoops_clblocks}>
<{include file="default/theme_blockcenter_l.html"}>
<{/foreach}>
<!-- End center-left blocks loop -->
</td>
<td id="centerRcolumn">
<!-- Start center-right blocks loop -->
<{foreach item=block from=$xoops_crblocks}>
<{include file="default/theme_blockcenter_r.html"}>
<{/foreach}>
<!-- End center-right blocks loop -->
</td>
</tr>
</table>
<{/if}>
<!-- End display center blocks -->
<div id="content">
<{$xoops_contents}>
</div>
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright or $xoBlocks.page_bottomcenter}>
<table cellspacing="0">
<{if $xoBlocks.page_bottomcenter}>
<tr><td id="bottomCcolumn" colspan="2">
<{foreach from=$xoBlocks.page_bottomcenter item=block}><{include file="default/theme_blockcenter_c.html"}><{/foreach}>
</td>
</tr>
<{/if}>
<{if $xoBlocks.page_bottomleft or $xoBlocks.page_bottomright}>
<tr>
<td id="bottomLcolumn">
<{foreach from=$xoBlocks.page_bottomleft item=block}><{include file="default/theme_blockcenter_l.html"}><{/foreach}>
</td>
<td id="bottomRcolumn">
<{foreach from=$xoBlocks.page_bottomright item=block}><{include file="default/theme_blockcenter_r.html"}><{/foreach}>
</td>
</tr>
<{/if}>
</table>
<{/if}>
</td>
<{if $xoops_showrblock == 1}>
<td id="rightcolumn">
<!-- Start right blocks loop -->
<{foreach item=block from=$xoops_rblocks}>
<{include file="default/theme_blockright.html"}>
<{/foreach}>
<!-- End right blocks loop -->
</td>
<{/if}>
</tr>
</table>

<table cellspacing="0">
<tr id="footerbar">
<td><a href="http://www XOOPS org/" target="_blank"><img src="<{$xoops_imageurl}>poweredby.gif" alt="" /></a></td>
</tr>
</table>
</body>
</html>

6
Quest
Re: stuck on my 1st theme...custom blocks
  • 2006/7/1 3:45

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


Don't know why it would've messed up the rest...

You can adjust the thickness and color by adding this to your style.css

fieldset {
border: 2px solid #000;
}

Quest

7
dezigner
Re: stuck on my 1st theme...custom blocks
  • 2006/7/1 4:13

  • dezigner

  • Just popping in

  • Posts: 12

  • Since: 2006/5/15


I'll give that a try then. Possibly not till tomorrow as im presently trying to find some up-2-date modules to get the site up and runnin.

Thanks a million for all of your help!!!

8
dezigner
Re: stuck on my 1st theme...Update
  • 2006/7/5 1:49

  • dezigner

  • Just popping in

  • Posts: 12

  • Since: 2006/5/15


Well, I figured it out. I was using a style sheet program called eclipse style. I thought it was a good program but as it turns out it severely modifies your code & layout of your css file.

Just thought I'd let everyone know. I guess it's back to notepad for me.

9
Bassman
Re: stuck on my 1st theme...Update
  • 2006/7/5 3:08

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


Top Style Pro is the best..... there is also a free Lite version that is good too.

10
dezigner
Re: stuck on my 1st theme...Update
  • 2006/7/7 4:03

  • dezigner

  • Just popping in

  • Posts: 12

  • Since: 2006/5/15


Thanks! I'll give it a try.

Login

Who's Online

164 user(s) are online (135 user(s) are browsing Support Forums)


Members: 0


Guests: 164


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits