Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 05-27-2009, 07:09 PM
Skierpetros's Avatar
Skierpetros Skierpetros is offline
 
Join Date: Jan 2008
Location: www.shopforum.gr
Posts: 180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default How can insert images in forum index as background

How can insert images in forum index as background

as this site has made...

http://www.greekstars.net/stars/index.php?act=idx
Reply With Quote
  #2  
Old 05-27-2009, 07:24 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Moved to Design and Graphics.

He's using css to add to the background of each of the forum rows. He numbers them 1,2,3,4, etc and it calls the background image inline -
First row in the group:
HTML Code:
<td style="background:#28323b url(style_images/tren_z/1/wtgs1.jpg) no-repeat right;;" class="row2">
Second row:

HTML Code:
<td style="background:#28323b url(style_images/tren_z/1/wtgs2.jpg) no-repeat right;;" class="row2">
(His mistakes in the css, not my copy/paste mistake.)
Reply With Quote
  #3  
Old 05-28-2009, 12:01 AM
Aclikyano Aclikyano is offline
 
Join Date: Apr 2006
Posts: 481
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

well that board in question is not VB, its i p board... hmmm pretty nice tho
Reply With Quote
  #4  
Old 05-28-2009, 08:58 AM
Skierpetros's Avatar
Skierpetros Skierpetros is offline
 
Join Date: Jan 2008
Location: www.shopforum.gr
Posts: 180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Lynne View Post
Moved to Design and Graphics.

He's using css to add to the background of each of the forum rows. He numbers them 1,2,3,4, etc and it calls the background image inline -
First row in the group:
HTML Code:
<td style="background:#28323b url(style_images/tren_z/1/wtgs1.jpg) no-repeat right;;" class="row2">
Second row:

HTML Code:
<td style="background:#28323b url(style_images/tren_z/1/wtgs2.jpg) no-repeat right;;" class="row2">
(His mistakes in the css, not my copy/paste mistake.)
how can i do that?
Reply With Quote
  #5  
Old 05-28-2009, 11:53 AM
Michael.A's Avatar
Michael.A Michael.A is offline
 
Join Date: Dec 2008
Location: L.A
Posts: 449
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

any help on how can we get that for vb? thanks,
Reply With Quote
  #6  
Old 05-28-2009, 01:09 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

The code is all right there in the page source. You'll need to find an image and slice it up making each piece a set height. Then, number them sequentially. When you spit out the forums, have a counter get incremented that is then used to call the image. You'll need some new css to set the height on each forum listing (again, it's all in the guys source code).
Reply With Quote
  #7  
Old 05-28-2009, 05:54 PM
forum4's Avatar
forum4 forum4 is offline
 
Join Date: Mar 2009
Posts: 96
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

It's actually a lot of work to do something like that, so you're not going to get a copy and paste solution here.

First, you'd need to know graphics and be able to take your image and cut it up to fit in the bars properly. Then, you'd have to manually edit the code in each bar for each image.

Would be work. If you don't know graphics and coding, it would be something to hire out for.
Reply With Quote
  #8  
Old 05-28-2009, 11:23 PM
Michael.A's Avatar
Michael.A Michael.A is offline
 
Join Date: Dec 2008
Location: L.A
Posts: 449
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

coming soon on c4l .. thanks
Reply With Quote
  #9  
Old 06-02-2009, 07:17 PM
Bowromir Bowromir is offline
 
Join Date: Dec 2005
Posts: 47
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Very original and cleverly made.. I like it!!
Reply With Quote
  #10  
Old 06-04-2009, 03:53 PM
MjrNuT's Avatar
MjrNuT MjrNuT is offline
 
Join Date: Jun 2008
Location: NorCal
Posts: 77
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Pardon this bump, but my question is partially related. The OP was asking for images within the forums of a category, per the link he provided.

My question is, and I'll start a new thread if need be, to have images between categories. Such that the space will auto adjust (height-wise of course) to the image called. I would presume that such a thing is still a template edit for each particular style.

Is this something maybe relatively easier to do? Please forward me to the right thread if this has already been addressed, but I found many topics for inserting images into a Category Strip, which I'm not interested in b/c it seems to have more finite restrictions due to chosen styles.

Thanks in advance!
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:13 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.04365 seconds
  • Memory Usage 2,252KB
  • Queries Executed 13 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (4)bbcode_html
  • (1)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete