Two Glares(one for each side of the page)


Author Message
Dan Silver

Posted: 2/7/2010
Quote message 

Hello,
Is it possible for me to make a second glare(the lightning effect) and add a second one to the right side? Here is the website that I want this for:
http://ultimatetutor.net/
 
Doug Kercher

Posted: 2/7/2010
Quote message 

I think I have a similar request, posted at exactly the same time...


 
Dan Silver

Posted: 2/8/2010
Quote message 

thats cool. I hope someone can help us!
 
Garry

Posted: 2/8/2010
Quote message 

The glare is added using following ID: "art-page-background-glare" in Artisteer created templates.

You need to add a new ID with same functionality to insert a new glare.
 
marcin

Posted: 2/9/2010
Quote message 

hi

what i did is:

1.backup all files
2.open template folder, go to images, select glare image, copy it inot same folder, change its name.open in graphic prgram, flip it horizontally. remember path and name. save as png, it won't loose any details
3. open index.phpin tempalte folder. right after body you will find div section with the class of glare and glare image, copy it and paste below. change classes names inot something different.
4. open template.css, copy css section with glare and glare image. once copied, change its name to the same name given in index.php
5. in the new css section, change destionation image into copy (flipped) image.
6. in the glare css section change left from 0 to 80%.

well it worked for me.

here is index.php section:

<body>
<div id="art-page-background-glare">
<div id="art-page-background-glare-image"></div>
</div>
<div id="art-page-background-glare-numerdwa">
<div id="art-page-background-glare-image-numerdwa"></div>
</div>
<div id="art-main">

and template css


#art-page-background-glare-numerdwa
{
position: absolute;
width: 100%;
height: 231px;
left: 80%;
top: 0;
}

#art-page-background-glare-image-numerdwa
{
background-image: url('../images/Page-BgGlare-numerdwa.png');
background-repeat: no-repeat;
height: 231px;
width: 283px;
margin: 0;
}





here you have screenshot:


http://img192.imageshack.us/img192/410/exampletc.png

good luck
thanks
 
marcin

Posted: 2/9/2010
Quote message 

what i noticed is that if you can't see glare, play around with percentage number and remember to save second file in the same folder as the firs one.in short, update paths. wider glares require smaller percentage and narrower larger. :-) :-) :-)
 
marcin

Posted: 2/9/2010
Quote message 

to remove horizontal scrollbar:

paste into template css after body

html,body
{
overflow-x: hidden;
}

 
www

Posted: 7/12/2010
Quote message 

Quote marcin:

to remove horizontal scrollbar:

paste into template css after body

html,body
{
overflow-x: hidden;
}




Wouldn´t this make problem for people with small resolutions? (Netbooks etc)
 
Anton

Posted: 10/18/2010
Quote message 

Hey guys can you please, advise the changes I'd need to make to marcin's process to have the glare in the top left and again in the bottom left?

Thanks
 

Reply


NAME *
EMAIL
SMILIES :-) :( :-D 8-) :*) :-/ :-{} :-X :-O :-@ O:) :-P :-< :-( :-| ;-) 
CODES [Quote] [B] [I] [U] [Code] [IMG] 
BODY *  
VALIDATION *