XOOPS 
Forum
Forum Index General Forums Community Support Modules Support Themes Support Development International Support Module Hack Reviews Theme Designer Talk
  1. Board index / 
  2. XOOPS Themes and Templates Support forums / 
  3. Theme and template troubleshooting 
  4.  / vista_k theme background change
Register
1
Szico_VII
vista_k theme background change

  • 2010/7/19 21:38

  • Szico_VII

  • Just popping in

  • Posts: 32

  • Since: 2009/4/3 0


hhttp://szico-vii.com/modules/myalbum/

I want to change the sort of bluey green background here to be transparent, as seen here:

http://szico-vii.com/modules/wfdownloads/

How do I do this, is it a module template change?? As the theme css hasnt been altered between those 2 pages... :|

Any help would be much appreciated guys :)
2
red_Slider
Re: vista_k theme background change

hey!
again look into css file. Look closer into line 108
.even
{
background-color: #04434f;
color: #ffffff;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

And again red code. It may look like this:
background:#transparent;


Personally I'll do that:
1. Clone your default template set (link)
2. In Preferences / general settings find list "Default template set*". And set cloned templates.
3. In Preferences / general settings Set "Check templates for modifications ?" to YES.
4. Go into first link, then chose templates for MyAlbum
5. Then edit "myalbum_index.html" template like this one:
<{strip}> <table width="100%" cellspacing="0">   <tr>     <td>            <{include file="db:myalbum_categories.html"}>       <hr />       <form name='cid_select' action='<{$mod_url}>/viewcat.php' method='GET' style='margin:0px;text-align:center;'>         <select name='cid' onchange='submit();'>           <option value=''><{$lang_directcatsel}>option>           <{$category_options}>         select> &nbsp; &nbsp;         <{$photo_global_sum}> &nbsp; &nbsp;         <{if $lang_add_photo}><a href="submit.php"><{$lang_add_photo}><img src="<{$mod_url}>/images/pictadd.gif" border="0" alt="<{$lang_add_photo}>" title="<{$lang_add_photo}>" />a><{/if}>       form>     td>   tr> table> <br /> <table width="100%" cellspacing="0">   <tr>     <td align="left">       <h4><{$lang_latest_list}>h4>       <{if $photonavdisp }>         <table border='0' cellpadding='0' cellspacing='0' width='100%'>           <tr>             <td align='left'>               <{$photonavinfo}>             td>             <td align='right'>               <{$photonav}>             td>           tr>         table>         <hr />       <{/if}>       <table width='100%' cellspacing='0' cellpadding='10' border='0'>         <{foreach from=$photos item=photo}>           <{include file="db:myalbum_photo_in_list.html"}>         <{/foreach}>       table>       <{if $photonavdisp }>         <hr />         <table border='0' cellpadding='0' cellspacing='0' width='100%'>           <tr>             <td align='left'>               <{$photonavinfo}>             td>             <td align='right'>               <{$photonav}>             td>           tr>         table>       <{/if}>     td>   tr> table> <br /> <table width="100%" cellspacing="0" cellpadding="0" border="0">   <tr>     <td align="center">       <br />       <{include file='db:system_notification_select.html'}>       <br />       <{include file="db:myalbum_footer.html"}>     td>   tr> table> <{/strip}>

6. Save. And U shall see effects on your site.
7. If not go into your xoops_data folder and clear cache folders.
3
Szico_VII
Re: vista_k theme background change

  • 2010/7/19 23:48

  • Szico_VII

  • Just popping in

  • Posts: 32

  • Since: 2009/4/3 0


Thanks for the reply! The amendment to the .css does work, but it also affects lots of other bits of the site where transparency isn't wanted i.e the forum background - is there a way to change this specific box to have transparency (is that what the theme amendments do?) witout affecting the rest of the site i.e getting it to take its style from the same part of the .css as the wfdownloads module does or something?

Also I can't seem to follow what changes im suppossed to be making to the index template from what youve put above as its ordered really chaotically in ur post and i dont know which bits have been changed!
4
red_Slider
Re: vista_k theme background change

Hi!
1. CSS - yes - when you chcnge css file it will be visable on other sites too. These classes (.odd and .even) are used for tables, so as to distinguish individual cells or rows. Therefore, I would recommend doing more of the latter option - that is, the conversion template. When it comes to the code mess does not worry about it. The code has been thrown out all the classes corresponding to the "odd" and "even".
On the other side of the module can be similarly MyAlbum. Just so that you remove those statements and get rid of the background.
Remember that in the style.css file to restore the original background.

And here is the code structured:
<{strip}>
<table width="100%" cellspacing="0">
<tr>
<td>
<br /><{include file="db:myalbum_header.html"}><br />
<{include file="db:myalbum_categories.html"}>
<hr />
<form name='cid_select' action='<{$mod_url}>/viewcat.php' method='GET' style='margin:0px;text-align:center;'>
<select name='cid' onchange='submit();'>          
<option value=''><{$lang_directcatsel}>option>           <{$category_options}>
select> &nbsp; &nbsp;         
<{$photo_global_sum}> &nbsp; &nbsp;         
<{if $lang_add_photo}>
<a href="submit.php">
<{$lang_add_photo}>
<img src="<{$mod_url}>/images/pictadd.gif" border="0" alt="<{$lang_add_photo}>" title="<{$lang_add_photo}>" />
a>
<{/if}>       
form>     
td>   
tr> 
table> 
<br /> 
<table width="100%" cellspacing="0">   
<tr>     
<td align="left">       
<h4><{$lang_latest_list}>h4>       
<{if $photonavdisp }>         
<table border='0' cellpadding='0' cellspacing='0' width='100%'>           <tr>             
<td align='left'><{$photonavinfo}>td> 
<td align='right'><{$photonav}>td>
tr>         
table>
<hr />       
<{/if}>       
<table width='100%' cellspacing='0' cellpadding='10' border='0'>         <{foreach from=$photos item=photo}>          
<{include file="db:myalbum_photo_in_list.html"}>
<{/foreach}>       
table>       
<{if $photonavdisp }>         
<hr />         
<table border='0' cellpadding='0' cellspacing='0' width='100%'>           
<tr>             
<td align='left'><{$photonavinfo}>td>
<td align='right'><{$photonav}>td>
tr>         
table>       
<{/if}>     
td>
tr>
table> 
<br /> 
<table width="100%" cellspacing="0" cellpadding="0" border="0">   <tr>     
<td align="center"><br />       
<{include file='db:system_notification_select.html'}>       
<br />       
<{include file="db:myalbum_footer.html"}>     
td>   
tr> 
table> 
<{/strip}>
5
Szico_VII
Re: vista_k theme background change

  • 2010/7/20 20:34

  • Szico_VII

  • Just popping in

  • Posts: 32

  • Since: 2009/4/3 0


Ahh thanks! So its the bits that have been removed. Which bit did you remove to get rid of the black line border that remains once youve taken out the odd/even bits? (Cause i tried this myself manually and it got rid of the background colour but left a thin black border)

Cheers! :)
6
Szico_VII
Re: vista_k theme background change

  • 2010/7/20 20:35

  • Szico_VII

  • Just popping in

  • Posts: 32

  • Since: 2009/4/3 0


Nevermind, i found it, its the class = outer bit :)

One last question - Is there a way to expand the central section into where the right hand blocks should be on pages where the right hand blocks are not visible (i.e the tutorials section?) to improve the look of the page? The images seem to auto stretch into the space but the text doesn't!
7
red_Slider
Re: vista_k theme background change

Hi!
Look into theme.html file.
Find line with:
<td id="rightcolumn">

some code here                  
       td>


it should looks like:

<{if $xoops_showrblock}>
<td id="rightcolumn">

some code here                  
       td>
 <{/if}>


;)
8
Szico_VII
Re: vista_k theme background change

  • 2010/7/20 21:41

  • Szico_VII

  • Just popping in

  • Posts: 32

  • Since: 2009/4/3 0


Would you mind clarifying a bit, because I've done (I think) what youve suggested and nothing happens!

Heres the original bit of code:
<{/foreach}>
            td>
    tr>
        <{/if}>
           table>
        <{/if}>
      td>
      <td id="rightcolumn">
        
        <{foreach item=block from=$xoops_rblocks}>
 

<div style="width:168px;height:34px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_01.png);background-repeat: no-repeat;">    

<div class="blockTitle"><{$block.title}>div>div>
                <div>
  

<div style="width:168px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_02.png);">    

<div class="blockrContent"><{$block.content}>div>
div>
   

  <div style="width:168px;height:11px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_03.png);">    

div>
   <br /> 
       <{/foreach}>
        


And here's what i changed it to...
<{/foreach}>
            td>
    tr>
        <{/if}>
           table>
        <{/if}>
      td>
      <td id="rightcolumn">

      <{if $xoops_showrblock}> 
        
        <{foreach item=block from=$xoops_rblocks}>
 

<div style="width:168px;height:34px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_01.png);background-repeat: no-repeat;">    

<div class="blockTitle"><{$block.title}>div>div>
                <div>
  

<div style="width:168px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_02.png);">    

<div class="blockrContent"><{$block.content}>div>
div>
   

  <div style="width:168px;height:11px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_03.png);">    

div>
   <br /> 
       <{/foreach}>
        
      td>
      <{/if}>

Login

Register now!  |  Lost Password?

Search

Advanced Search

Recent Posts

Who's Online

178 user(s) are online (92 user(s) are browsing Support Forums)

Members: 0

Guests: 178

more...

Donat-O-Meter

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

Latest GitHub Commits