PDA

View Full Version : vb:stylevar in a css template


ageurtse
01-23-2010, 02:54 PM
i have a template which use a css template but in the css template it goes wrong.
it doesn't get the stylevar from the list.

how can i solve it.

here is the template and css template

ccs template
#image {
height:{vb:stylevar AJGattach_columwidth};
width:{vb:stylevar AJGattach_columwidth};
border:1px solid #bbb;
text-align: center
}

template that calls ccs template
<link rel="stylesheet" type="text/css" href="{vb:var vbcsspath}AJGattach.css" />

<div id="wrapper">

<vb:if condition="$info['hasthumbnail']">
<div id="image"><a href="attachment.php?{vb:raw session.sessionurl}attachmentid={vb:raw info.attachmentid}&amp;d={vb:raw info.dateline}" target="attachment" rel="Lightbox" id="attachment{vb:raw info.attachmentid}"><img src="attachment.php?{vb:raw session.sessionurl}attachmentid={vb:raw info.attachmentid}&amp;stc=1&amp;thumb=1&amp;d={vb:raw info.thumbnail_dateline}" border="0" alt="" {vb:raw scale} /></a></div>
<vb:else />
<div id="image"><img src="{vb:stylevar imgdir_attach}/{vb:raw info.attachmentextension}.gif" alt="{vb:raw info.attachmentextension}" /> <a href="attachment.php?{vb:raw session.sessionurl}attachmentid={vb:raw info.attachmentid}&amp;d={vb:raw info.dateline}" target="attachment">{vb:raw info.filename}</a></div>
</vb:if>
<div id="filename">{vb:raw info.filename}</div>
<div id="description">{vb:raw temp}</div>
</div>

what do i wrong, when i fill in some values in the css file it all goes right.

derfelix
01-24-2010, 06:44 AM
I suspect the px unit is missing
ie you did not define the stylevar as Data Type size (there you can select unit ->pixel)
or you left the unit blank.
to test do following:
add px to height and width in stylesheet:
height:{vb:stylevar AJGattach_columwidth}px;
width:{vb:stylevar AJGattach_columwidth}px;

or modify the type of your stylevar...

if you are in vbullitin 4.01, change your settings to store css as files..
You can then open the stylesheet in your clientscript folder and verify what is in there..
you can also input in your browser:

http:/ /yoursite.com/forums/css.php?styleid=1&sheet=Stylesheetname.css
where Stylesheetname is the name of your stylesheet.
there you can see what your browser is seeing (ie: if it is really the px that is missing)

F.

as7apcool
01-24-2010, 07:35 AM
i have this problem

plz help

derfelix
01-24-2010, 08:19 AM
i have a template which use a css template but in the css template it goes wrong.
it doesn't get the stylevar from the list.

what do i wrong, when i fill in some values in the css file it all goes right.

I suppose its for your attachment hack.. (nice)

You defined the value in settings.. not in stylevars... (atleast in the 1.1 beta)
if you want user to be able to change size in settings..
what I would do is:
keep it in settings and in stylesheet use
height:{vb:raw vboptions.AJGattach_columwidth}px;

and makesure the styles are rebuildt after the admin changes the value.. (so that the css file is regenerated if user stored css as files.)
I think (not sure) that vboptions are available in stylesheets...

if not.. go to Stylemanger -> dropdown menu option: stylevars
and there
add a new stylevar to your product with data-type:size
as unit choose px...
then it will be available as a stylevar... and you will NOT need to add px manually in the stylesheet

F.

ageurtse
01-27-2010, 03:36 PM
will this also work when the css file is stored as an external file ?

or is it beter to link the stylesheet inside the template with
<style>
here is the css content
</style>