vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)
-   -   Image as Page Border (https://vborg.vbsupport.ru/showthread.php?t=171414)

chrisdaman77 02-25-2008 02:08 PM

Image as Page Border
 
Hey folks what i am trying to do is put an image as a border around the page. I know how to do it as a color:

border-left: 5px #006600 solid;
border-right: 5px #006600 solid;
border-bottom: 10px #006600 solid;
border-top: 10px #006600 solid;

but I have not the slightest how to do it for an image. Anyone have a suggestion?

Thanks

Chris

Princeton 02-25-2008 02:12 PM

you may have to edit your templates to get what you want but, the CSS is

HTML Code:

background:#fff url(images/misc/background.gif);
http://www.w3schools.com/css/css_background.asp

chrisdaman77 02-25-2008 02:32 PM

Actually that gives me a background. What I am looking for is a page border. it can be achieved in the Extra CSS Attributes for the Page background section. I can get it to do colors but not images. I have one up now that I did for the color which is a thin green line separating the page from the background. It can be seen at http://holdemfreaks.com

electrolov 02-25-2008 08:31 PM

ok, first, border properties in css properties cant have images in them ( http://www.w3schools.com/css/css_border.asp)
they can be colors/styled... so its not just a extra css attribute.

that said, you can add a image to the background, as above mentioned and use values repeat /position to style, but that would only work for one side of the element, in this case for example .page could have a image just running down the left side. if "background-repeat: repeat-y"

this does not make a border on all four sides,
to do this you can build a "box" around.
the simple way with just a solid image, is a box containing yr .page div

best to grab your source for the main page, and add this in html editor, and preview to see.
HTML Code:

<div style="padding:10px 10px 10px 10px; width:880px; background-image:url(http://holdemfreaks.com/easyaction/statusicon/forum_new.gif)">
        <div class="page" style="width:880px; text-align:left">

(in templates, gets complicated, see spacer open, spacer close)
more complicated is adding images to all sides, but doing searches on css will guide


All times are GMT. The time now is 10:46 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.01626 seconds
  • Memory Usage 1,719KB
  • 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
  • (2)bbcode_html_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (4)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