Dan Silver
|
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
|
I think I have a similar request, posted at exactly the same time...
|
|
Dan Silver
|
thats cool. I hope someone can help us!
|
|
Garry
|
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
|
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
|
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
|
to remove horizontal scrollbar:
paste into template css after body
html,body
{
overflow-x: hidden;
}
|
|
www
|
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
|
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
|
|