Author Topic: Every Wallpaper with star rating and cool border.  (Read 16494 times)

0 Members and 1 Guest are viewing this topic.

Offline ashfaq

  • Full Member
  • ***
  • Posts: 128
    • View Profile
Every Wallpaper with star rating and cool border.
« on: April 14, 2007, 05:43:00 PM »
 I wanna show every wallpaper of my gallery with star ratings so visitors and users can easily rate every wallpaper and also tell me how to draw border around every wallpaper, see image below for an example of start rating and border.


Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: Every Wallpaper with star rating and cool border.
« Reply #1 on: April 14, 2007, 05:59:19 PM »
Hi

you must edit:
templates/default/thumbnail_bit.html


cu
Kurt

Offline ashfaq

  • Full Member
  • ***
  • Posts: 128
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #2 on: April 14, 2007, 06:03:34 PM »
We will use thumbnail_bit to draw border but how to add start rating ?

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~

Offline ashfaq

  • Full Member
  • ***
  • Posts: 128
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #4 on: May 07, 2007, 06:50:49 PM »
Thanks for giving link but in that thread we can show ratings in vertical style under wallpaper, tell me how to show start rating along aside wid wallpaper thumbnail i mean verticallly ?

Also tell me how to show 12 new and 6 random wallpapers on main page and 6 random wallpapers on every page ?

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #5 on: May 07, 2007, 09:30:50 PM »
... i mean vertically ? ... create the new star images with ps or use the star images from the site which you refers  ...
... how to show 12 new ? ... http://www.4homepages.de/forum/index.php?topic=8946.0
... how to show 12 random ? ...  http://www.4homepages.de/forum/index.php?topic=4259.msg17513#msg17513
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline ashfaq

  • Full Member
  • ***
  • Posts: 128
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #6 on: May 09, 2007, 04:18:11 AM »
Thanks dear, now just tell me what code to put in "thumbnail_bit.html" to draw border.
Also give some attributes to draw border along thumbnails are put some spacing between thumbnail and border...

Offline ashfaq

  • Full Member
  • ***
  • Posts: 128
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #7 on: May 20, 2007, 03:12:44 AM »
Thanks dear, now just tell me what code to put in "thumbnail_bit.html" to draw border.
Also give some attributes to draw border along thumbnails are put some spacing between thumbnail and border...
plz tell how to draw border around image (see upper picture) ?

Offline CeJay

  • Sr. Member
  • ****
  • Posts: 425
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #8 on: May 20, 2007, 08:43:03 AM »
Just add border in your html (border="1")

Offline ashfaq

  • Full Member
  • ***
  • Posts: 128
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #9 on: May 21, 2007, 02:38:26 AM »
Thanks dear i know this code but look at picture and tell me to draw border as is in picture i mean border is not sticked with image but there is space between image and border, how to put this space ?

Offline CeJay

  • Sr. Member
  • ****
  • Posts: 425
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #10 on: May 21, 2007, 07:52:23 PM »
My fault, I wasn't thinking when I last posted.
I believe you can set your border permissins in your style.css file.

Example:
Quote
.thumb {
   border: 2px solid #98bc56;
   cursor: hand;
   height: 200px;
   background-color: #ffffe1;
   }
and
Quote
.thumb2 {
   border: 2px solid #98bc56;
   background-image: url('images/bg1.gif');
   height: 200px;
   }

This is what I have, so you could probably edit yours to your liking.

Offline ashfaq

  • Full Member
  • ***
  • Posts: 128
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #11 on: May 22, 2007, 02:39:54 AM »
Thanks dear i hope this code will work, i will check and tell you.
Thanks again.

Offline ashfaq

  • Full Member
  • ***
  • Posts: 128
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #12 on: June 07, 2007, 03:01:26 AM »
My fault, I wasn't thinking when I last posted.
I believe you can set your border permissins in your style.css file.

Example:
Quote
.thumb {
   border: 2px solid #98bc56;
   cursor: hand;
   height: 200px;
   background-color: #ffffe1;
   }
and
Quote
.thumb2 {
   border: 2px solid #98bc56;
   background-image: url('images/bg1.gif');
   height: 200px;
   }

This is what I have, so you could probably edit yours to your liking.
CeJay dear i have checked your given code and its not working as it only put border around image but it didnt put space between image and border, the main problem is how to make spacing between image and border ? If anyone plz tell me the code... ?

Jacob

  • Guest
Re: Every Wallpaper with star rating and cool border.
« Reply #13 on: June 07, 2007, 05:23:17 AM »
If your thumbnails size is 100x75px, then make the background image of like 105x78px and use the css tags (background-image: url('images/bg1.gif');) are suggested by CeJay

Offline CeJay

  • Sr. Member
  • ****
  • Posts: 425
    • View Profile
Re: Every Wallpaper with star rating and cool border.
« Reply #14 on: June 07, 2007, 09:25:36 AM »
If the background doesn't or didn't work to your liking did you try cell padding in the thumbnail_bit.html?
By default I do not believe there is any (unless it is in css - which I didnt look close).
To start you can make a setting like so: cellpadding="5"
then adjust it to your liking if it works. I have not tried it, but I did have it in my code as "0" (part of the WallPaper Template).

Here is my original HTML for thumbnail_bit.html looked like (with a little modifications):
Code: [Select]
<table width="100%" border="0" cellpadding="7" cellspacing="0">
  <tr>
    <td height="212" align="center" valign="middle" class="thumb" onmouseover="this.className='thumb2'" onmouseout="this.className='thumb'"><!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
      <table width="118" height="124" border="0" cellpadding="0" background="{template_url}/images/bg2.gif">
        <tr>
          <td align="center" valign="middle"><table border="0" cellpadding="0"  background="{template_url}/images/lc.gif">
              <tr>
                <td>{thumbnail}{if image_is_new}<br />
                    <div align="center" ><sup class="new">{lang_new}</sup>{endif image_is_new}</div></td>
              </tr>
          </table></td>
        </tr>
      </table>
      <p>{lightbox_button}<br>
        <b>{image_name}</b>  ({user_name_link})<br>
        <a href="{cat_url}">{cat_name}</a><br />
{if allow_comments}{lang_comments} {image_comments}{endif allow_comments}    </td>
  </tr>
</table>