vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   Style and Graphics Requests (Unpaid) (https://vborg.vbsupport.ru/forumdisplay.php?f=226)
-   -   2 images for banner? (https://vborg.vbsupport.ru/showthread.php?t=282850)

DAMINK 05-13-2012 06:00 AM

2 images for banner?
 
Running vb 4.1.12
May be a silly question but i was wondering is it possible to have 2 images for your banner.
One left justified and one right justified allowing the forum to change width?
I know its possible and perhaps in some themes already however i have a default theme created in the style generator and want to incorporate this.
Any advice or direction would be appreciated.

Would it be as simple as just editing the head code to something like below?

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="300px"><div align="left"><img src="/images/left.jpg"></div></td>
    <td width="100%">&nbsp;</td>
    <td width="300px"><div align="right"><img src="/images/right.jpg"></div></td>
  </tr>
</table>


RobbieZ 05-13-2012 07:52 AM

Have you tested your code to see if it works?

DAMINK 05-13-2012 08:02 AM

No i have not tried it.
I thought i would ask to see if this was the correct method or there was a more appropriate way to do it before applying changes like that.
I have not actually created the images required to do this yet.

LifesGreatestGift 05-13-2012 07:22 PM

Quote:

Originally Posted by DAMINK (Post 2328919)
Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="300px"><div align="left"><img src="/images/left.jpg"></div></td>
    <td width="100%">&nbsp;</td>
    <td width="300px"><div align="right"><img src="/images/right.jpg"></div></td>
  </tr>
</table>


This would be more appropriate.
This is a basic setup, depending on the situation and placement and surrounding elements attributes may need to be changed.

Code:

<div style="width:100%;">
    <div style="float:left;">
        <img src="./images/left.png" alt="" />
    </div>
    <div style="float:right;">
        <img src="./images/right.png" alt="" />
    </div>
</div>

example

http://jsfiddle.net/3ZVjm/

DAMINK 05-14-2012 02:19 AM

Worked perfectly mate.
Well a few modifications to that code and to the document setup but now its just how i like it.
Thanks for your help.

--------------- Added [DATE]1336967199[/DATE] at [TIME]1336967199[/TIME] ---------------

Spoke to soon.
Seems it works perfectly in Firefox but not in Internet explorer.
In IE the right image breaks out of the max attributes set by the forum where FF does not.
I have the below settings currently.

Document Width = 90%
Document Minimum Width = 900px
Document Maximum Width = 1200px

With the below for the banner code.
Code:

<div style="width:100%;">
    <div style="float:left; width: 400px;">
        <a href="/test"><img src="./images/left.png" alt="xxx" /></a>
    </div>
    <div style="float:right; width: 200px;">
        <img src="./images/right.png" alt="xxx" />
    </div>

Any ideas on how to sort it out so IE can show it correcly?


All times are GMT. The time now is 11:36 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.00972 seconds
  • Memory Usage 1,724KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (4)bbcode_code_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete