menu title image re...
 
Notifications
Clear all

menu title image repeat with shuriken

12 Posts
4 Users
0 Reactions
2,681 Views
(@harial)
Posts: 12
Active Member
Topic starter
 

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


 
Posted : 09/11/2007 6:03 pm
(@becca)
Posts: 553
Honorable Member
 

Could you perhaps give us a link to your site, or show us the content of the skin files you edited?


 
Posted : 09/11/2007 8:09 pm
(@harial)
Posts: 12
Active Member
Topic starter
 

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">&nbsp;</p>
<!-- End Statistics Menu -->
<!-- Begin Shoutbox Menu -->
<div class="menuItem">
<div class="menuHeader" id="shoutbox">Shoutbox</div>

      {shoutbox_content}

</div>
<p class="x">&nbsp;</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">&nbsp;</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!


 
Posted : 09/11/2007 8:30 pm
(@becca)
Posts: 553
Honorable Member
 

Could you please make a test account for us so we can see the problem :)?


 
Posted : 10/11/2007 7:57 am
(@harial)
Posts: 12
Active Member
Topic starter
 

username:test
password:test

thanks a bunch


 
Posted : 10/11/2007 12:33 pm
(@itanshi)
Posts: 381
Reputable Member
 

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 www.mibbit.com Instructions for irc πŸ˜€ Alpha released!

 
Posted : 10/11/2007 1:33 pm
(@harial)
Posts: 12
Active Member
Topic starter
 

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">&nbsp;</p>
<!-- End shoutbox Menu -->

 
Posted : 10/11/2007 11:30 pm
(@harial)
Posts: 12
Active Member
Topic starter
 

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?


 
Posted : 10/11/2007 11:42 pm
(@harial)
Posts: 12
Active Member
Topic starter
 

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.


 
Posted : 11/11/2007 12:27 am
(@carissa)
Posts: 791
Member Moderator
 

I think it would have been better to leave the shoutbox_content as it was and change the id of the div you created.


 
Posted : 11/11/2007 12:35 am
(@itanshi)
Posts: 381
Reputable Member
 

which is what i said x_X hehe ah well


I am rebuilding efiction! Join us on irc! #efiction at www.mibbit.com Instructions for irc πŸ˜€ Alpha released!

 
Posted : 11/11/2007 1:58 am
(@itanshi)
Posts: 381
Reputable Member
 

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">&nbsp;</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 www.mibbit.com Instructions for irc πŸ˜€ Alpha released!

 
Posted : 16/11/2007 4:19 pm
Share: