hi, I am using a variation of the the shuriken skin. well this skin did not allow for a shoutbox or poll so I added them and they work fine however over the shoutbox title image is tile-repeating and I can not figure out why. I have it specified as no repeat in the css and none of the other images repeat. I edited the image to just have a really long bottom so that even though it repeated in the space you would not be able to tell any way since the bottom extends down the whole way anyway. that is when I noticed that it was not repeating, it has the title and then the shoutbox content has it as its own non-repeating bg. how do I fix this? where would i find the {shoutbox_content} area?
thanks
Could you perhaps give us a link to your site, or show us the content of the skin files you edited?
Here is the site but it does not show up if you are not logged in but here is a screen shot:
and here is the site address: http://www.efics.net/gen/eFiction331/index.php?skin=Gen
here is the code I edited in header.tlp. i did not edit statistics but I started there to show where I went.
<!-- Begin Info Block / Statistics Menu -->
<div class="menuItem">
<div class="menuHeader" id="statistics">Statistics</div>
<div class="statisticsContainer">
{info_content}
</div>
</div>
<p class="x"> </p>
<!-- End Statistics Menu -->
<!-- Begin Shoutbox Menu -->
<div class="menuItem">
<div class="menuHeader" id="shoutbox">Shoutbox</div>
{shoutbox_content}
</div>
<p class="x"> </p>
<!-- End shoutbox Menu -->
<!-- Begin Poll Menu -->
<div class="menuItem">
<div class="menuHeader" id="poll">Polls</div>
<div class="pollContainer">
{poll_content}
</div>
</div>
<p class="x"> </p>
<!-- End poll Menu -->
</td>
<td class="contentArea">
<!-- END BLOCK : header -->
and here is the code I added to in style.css
/* Button #1: Navigation */
#navigation {background:transparent url(images/navigation.png) no-repeat 0 0;}
/* Button #2: Browse By... */
#browseby {background:transparent url(images/browseby.png) no-repeat 0 0;}
/* Button #3: Categories */
#cats {background:transparent url(images/categories.png) no-repeat 0 0;}
/* Button #4: Info/Statistics */
#statistics {background:transparent url(images/statistics.png) no-repeat 0 0;}
/* Button #5: shoutbox */
#shoutbox {background:transparent url(images/shoutbox.png) no-repeat 0 0;}
/* Button #6: poll */
#poll {background:transparent url(images/poll.png) no-repeat 0 0;}
this is all I did. thanks!
Could you please make a test account for us so we can see the problem :)?
username:test
password:test
thanks a bunch
The image is placed via css, so if you repeated the css code, namely a certain div then it will display a menu image as its background that many times.
<form action="/gen/eFiction331/user.php?action=login" method="post" id="shoutbox" name="shoutbox">
id shoutbox has the image appearing behind it. Change the ID for the other shoutbox image so it doesn't interfere (both in the css file and in the header file)
I am rebuilding efiction! Join us on irc! #efiction at
I dont understand what you said. there is only one use of the id shoutbox and that is for the menu header. the other is shoutbox_content and it is only surrounded by the div menu_item but all the others on the list of menus are in this div as well and they do not have this problem.
<!-- Begin Shoutbox Menu -->
<div class="menuItem">
<div class="menuHeader" id="shoutbox">Shoutbox</div>
{shoutbox_content}
</div>
<p class="x"> </p>
<!-- End shoutbox Menu -->
it has to be something in the shoutbox_content because I removed it from the div layer and just left it by itself and the title image was still there. does anyone know where shoutbox_content is located so I can see if it is something there?
I found the solution
I went and found shoutbox_content in the blocks folder and removed ' id="shoutbox" ' from the code and the issue is solved.
I think it would have been better to leave the shoutbox_content as it was and change the id of the div you created.
which is what i said x_X hehe ah well
I am rebuilding efiction! Join us on irc! #efiction at
here is what I did
header.tpl
<!-- End Statistics Menu -->
<!-- Begin Shoutbox Menu -->
<div class="menuItem">
<div class="menuHeader" id="shoutbox_image">Shoutbox</div>
<div class="shoutbox_container">
{shoutbox_content}
</div>
</div>
<p class="x"> </p>
<!-- End Shoutbox -->
note the id="shoutbox_image"
/* Button #6: Info/Shoutbox */
#shoutbox_image {background:transparent url(images/shoutbox.png) no-repeat 0 0;}
updated the name here to reflect the change. The form has the same ID as the Image so I changed the Image ID in both places here.
I am rebuilding efiction! Join us on irc! #efiction at
