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


http://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>     <!--  <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}>

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 <tr even/odd> 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">
<!-- 
Start right blocks loop -->
some code here                  
<!-- End right blocks loop -->       </td>


it should looks like:

<{if $xoops_showrblock}>
<
td id="rightcolumn">
<!-- 
Start right blocks loop -->
some code here                  
<!-- End right blocks loop -->       </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">
        <!-- 
Start right blocks loop -->
        <{foreach 
item=block from=$xoops_rblocks}>
 <!--[if 
IE]>
<
div style="width:168px;height:34px;margin-right: auto;margin-left: auto;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<{$xoops_imageurl}>visual/lblock_01.png',sizingMethod='scale');background-repeat: no-repeat;">    
<![endif]-->
<!--[if 
IE]><![if !IE]><![endif]-->
<
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;">    
<!--[if 
IE]><![endif]><![endif]-->
<
div class="blockTitle"><{$block.title}></div></div>
                <
div>
  <!--[if 
IE]>
 <
div style="width:168px;margin-right: auto;margin-left: auto;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<{$xoops_imageurl}>visual/lblock_02.png',sizingMethod='scale');">    
<![endif]-->
<!--[if 
IE]><![if !IE]><![endif]-->
<
div style="width:168px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_02.png);">    
<!--[if 
IE]><![endif]><![endif]-->
<
div class="blockrContent"><{$block.content}></div>
</
div>
   <!--[if 
IE]>
 <
div style="width:168px;height:11px;margin-right: auto;margin-left: auto;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<{$xoops_imageurl}>visual/lblock_03.png',sizingMethod='scale');background-repeat: no-repeat;">    
<![endif]-->
<!--[if 
IE]><![if !IE]><![endif]-->
  <
div style="width:168px;height:11px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_03.png);">    
<!--[if 
IE]><![endif]><![endif]-->
</
div>
   <
br /> 
       <{/foreach}>
        <!-- 
End right blocks loop -->


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

      <{if 
$xoops_showrblock}> 
        <!-- 
Start right blocks loop -->
        <{foreach 
item=block from=$xoops_rblocks}>
 <!--[if 
IE]>
<
div style="width:168px;height:34px;margin-right: auto;margin-left: auto;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<{$xoops_imageurl}>visual/lblock_01.png',sizingMethod='scale');background-repeat: no-repeat;">    
<![endif]-->
<!--[if 
IE]><![if !IE]><![endif]-->
<
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;">    
<!--[if 
IE]><![endif]><![endif]-->
<
div class="blockTitle"><{$block.title}></div></div>
                <
div>
  <!--[if 
IE]>
 <
div style="width:168px;margin-right: auto;margin-left: auto;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<{$xoops_imageurl}>visual/lblock_02.png',sizingMethod='scale');">    
<![endif]-->
<!--[if 
IE]><![if !IE]><![endif]-->
<
div style="width:168px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_02.png);">    
<!--[if 
IE]><![endif]><![endif]-->
<
div class="blockrContent"><{$block.content}></div>
</
div>
   <!--[if 
IE]>
 <
div style="width:168px;height:11px;margin-right: auto;margin-left: auto;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<{$xoops_imageurl}>visual/lblock_03.png',sizingMethod='scale');background-repeat: no-repeat;">    
<![endif]-->
<!--[if 
IE]><![if !IE]><![endif]-->
  <
div style="width:168px;height:11px;margin-right: auto;margin-left: auto;background-image: url(<{$xoops_imageurl}>visual/lblock_03.png);">    
<!--[if 
IE]><![endif]><![endif]-->
</
div>
   <
br /> 
       <{/foreach}>
        <!-- 
End right blocks loop -->
      </
td>
      <{/if}>

Login

Who's Online

183 user(s) are online (115 user(s) are browsing Support Forums)


Members: 0


Guests: 183


more...

Donat-O-Meter

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

Latest GitHub Commits