PDA

View Full Version : Missing 2 Backgrounds


S.U.B.
07-03-2006, 04:08 PM
Hi,

This is a part of my forumlayout:
http://www.rapmatics.de/zeugs/forum.JPG

You see the two arrows. The left one (the stars) is an background image, configured in the sytlemanager -> Body attribute -> #18526C url(images/bo20/gradients/all.gif) repeat

The little repeated image under the Logo (right arrow) is defined in the header template of vBulletin.
Here is it (the red marked part of the code is showing the image):


<table cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td width="100%" height="36" class="headerunder"></td>
</tr>
</table>


This is a part of my drupallayout:

http://www.rapmatics.de/zeugs/drupal.JPG

It calls the body-attribute but without the given background-url (starsproblem) and it doesent interpret

<tr>
<td width="100%" height="36" class="headerunder"></td>
</tr>

So here is my full Drupalheader-template:

$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<meta name="description" content="$foruminfo[description]" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="vBulletin $versionnumber" />
<meta name="keywords" content="$vboptions[keywords]" />
<meta name="description" content="$vboptions[description]" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<base href="$vboptions[drupalurl]/" />
<!-- CSS Stylesheet -->
$themecss
$style[css]

<if condition="is_browser('opera') AND !is_browser('opera', '8.0.1')">

<style type="text/css">

ul, ol { padding-left:20px; }

</style>

</if>
<!-- override some Drupal CSS elements -->

<style type="text/css">

.day-link

{

background-color: #B6DECF;

}

.day-today

{

background-color: #B6DECF;

}

.day-normal

{

background-color: #fffaf0;

}

</style>
<!-- / CSS Stylesheet -->

<script type="text/javascript">

<!--

var SESSIONURL = "$session[sessionurl_js]";

var IMGDIR_MISC = "$vboptions[bburl]/images/misc";

// -->

</script>



<script type="text/javascript" src="$vboptions[bburl]/clientscript/vbulletin_global.js"></script>

<if condition="$show['popups']"><script type="text/javascript" src="$vboptions[bburl]/clientscript/vbulletin_menu.js"></script></if>

<title>$title - $vboptions[drupalname]</title>

</head>





<body $onload>



<!-- logo -->
<a name="top"></a>
<table width="800" border="0" class="tborder2" cellpadding="1" cellspacing="1" align="center" >
<tr>
<td>

<table width="100%" border="0" class="tborder2" cellpadding="0" cellspacing="0" align="center">
<tr>
<td class="header" width="100%" <!-- edit this image for title --><a href="index.php"><img src="http://stylekosmonauten.de/images/bo20/misc/title.jpg" alt="Stylekosmonauten" width="895" height="150" border ="0"/></a></td>
</tr>

</table>

<!-- /logo -->



<!-- content table -->
$spacer_open

$_phpinclude_output


<script type="text/javascript">

<!--

function log_out()

{

ht = document.getElementsByTagName("html");

ht[0].style.filter = "progid:DXImageTransform.Microsoft.BasicImage(grays cale=1)";

if (confirm('$vbphrase[sure_you_want_to_log_out]'))

{

return true;

}

else

{

ht[0].style.filter = "";

return false;

}

}

//-->

</script>



<br />



<!-- breadcrumb, login, pm info -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<tr>

<td class="alt1" width="100%">

<if condition="is_array($navbits)">

<table cellpadding="0" cellspacing="0" border="0">

<tr valign="bottom">

<td><a href="$vboptions[bburl]/$vboptions[forumhome].php$session[sessionurl_q]" onclick="history.back(1); return false;"><img src="$vboptions[bburl]/$stylevar[imgdir_misc]/navbits_start.gif" alt="$vbphrase[go_back]" border="0" /></a></td>

<td>&nbsp;</td>

<td width="100%"><span class="navbar"><a href="$vboptions[bburl]/$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1">$vboptions[bbtitle]</a></span> $navbits[breadcrumb]</td>

</tr>

<tr>

<td class="navbar" style="font-size:10pt; padding-top:1px" colspan="3"><a href="$vboptions[bburl]/$scriptpath"><img class="inlineimg" src="$vboptions[bburl]/$stylevar[imgdir_misc]/navbits_finallink.gif" alt="$vbphrase[reload_this_page]" border="0" /></a> <strong>$navbits[lastelement]</strong></td>

</tr>

</table>

<else />

<div class="navbar" style="font-size:10pt"><a href="$vboptions[bburl]/$vboptions[forumhome].php$session[sessionurl_q]" accesskey="1"><img class="inlineimg" src="$vboptions[bburl]/$stylevar[imgdir_misc]/navbits_start.gif" alt="" border="0" /></a> <strong>$vboptions[bbtitle]</strong></div>

</if>

</td>



<if condition="$bbuserinfo['userid']">



<td class="alt2" valign="top" nowrap="nowrap">

<div class="smallfont">

<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />

<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['pmstats']"><br /><a href="$vboptions[bburl]/private.php$session[sessionurl_q]"><phrase>$vbphrase[private_messages]</phrase></a>: <phrase>$vbphrase[unread_x_nav_compiled]</phrase>, <phrase>$vbphrase[total_x_nav_compiled]</phrase>.</if>

</div>

</td>



<else />



<td class="alt2" nowrap="nowrap" style="padding:0px">

<if condition="!$cannot_welcome">

<!-- login form -->

<form action="$vboptions[drupalurl]/index.php?q=user/login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">

<script type="text/javascript" src="$vboptions[bburl]/clientscript/vbulletin_md5.js"></script>

<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">

<tr>

<td class="smallfont">$vbphrase[username]</td>

<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>

<td class="smallfont" colspan="2" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>

</tr>

<tr>

<td class="smallfont">$vbphrase[password]</td>

<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" size="10" accesskey="p" tabindex="102" /></td>

<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>

</tr>

</table>

<input type="hidden" name="s" value="$session[sessionhash]" />

<input type="hidden" name="do" value="login" />

<input type="hidden" name="vb_login_md5password" />

<input type="hidden" name="vb_login_md5password_utf" />

</form>

<!-- / login form -->

</if>

</td>



</if>



</tr>

</table>

<!-- / breadcrumb, login, pm info -->



<!-- nav buttons bar -->

...
[cutted here, because posting is too long...]

Could you help me please with these two little issuses?

DrupalStyle is defaultvb

neuston
07-03-2006, 04:27 PM
Have you tried to locate your images through the following path?

$vboptions[bburl]/$stylevar[imgdir_misc]/yourimage.gif

in your defaultvb template.

S.U.B.
07-03-2006, 04:52 PM
Yeah, that solved my second problem.
For the starsbackground i tried it like this:

modified
<body $onload>
to
<body background="$vboptions[bburl]/$stylevar[imgdir_misc]/all.gif" $onload>

But that wont work. Any directions?

neuston
07-03-2006, 05:15 PM
defaultvb cannot read the image paths declared in the vb styles' css, I think. You have to override some css styles once they are related to images. For example, in your drupal_header, after

$style[css]
<if condition="is_browser('opera') AND !is_browser('opera', '8.0.1')">
<style type="text/css">
ul, ol { padding-left:20px; }
</style>
</if>

ADD

<style type="text/css">
body {
background: #18526C url($vboptions[bburl]/$stylevar[imgdir_misc]/all.gif) repeat;
}
.headerunder {
background: #FFFFFF url($vboptions[bburl]/$stylevar[imgdir_misc]/star.gif) x-repeat;
}
</style>

hope it helps

S.U.B.
07-03-2006, 05:19 PM
yeah it does! Great, thanks for your help!

neuston
07-03-2006, 05:23 PM
yeah it does! Great, thanks for your help!

you're welcome :)

S.U.B.
07-05-2006, 05:55 AM
And how would the css-override passage look like if i want to add this:

.breadcrumb { background: url(images/retro/misc/navbits_bg.gif) repeat-x top left; height: 32px;}
.breadcrumbtext { padding: 10px 0px 10px 31px;}
.nav_menu { background: url(images/retro/misc/nav_menu.gif) no-repeat top left; height: 58px; width: 343px;}
.nav_menu a { text-decoration: none; font-size: 11px; font-weight: bold; text-shadow: #ffffff -2px -2px; Filter: DropShadow(Color=#FFFFFF, OffX=2, OffY=2, Positive=1); }
.footer { background: url(images/retro/misc/footer_bg.gif) no-repeat top left;}
.copyright { background: url(images/retro/misc/footer_m.gif) repeat-x bottom left;}
.footer_links { background: url(images/retro/misc/footer_links.gif) no-repeat top left; height: 51px; width: 289px;}
.footer_links a { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; text-shadow: #000000 2px 2px; Filter: DropShadow(Color=#000000, OffX+2, OffY+2, Positive=1); }

S.U.B.
07-05-2006, 06:09 AM
got it sorry 4 my dumbness