Elxis CMS Forum
Extensions => Templates => Topic started by: babis1 on September 25, 2009, 20:02:57
-
i would like to make something like this in all contentpaneopen_text bg not with fixed width or height, first i have 4 images left_top right_top left_bottom right_bottom and maybe 2 images for borders
so far so good...is there a tutorial for that ?
[attachment deleted by admin]
-
http://www.html.it/articoli/niftycube/index.html
-
i found and that guy here http://sperling.com/examples/box/
but he use this for all the template so now i need all the content items to have that bg
-
<div id="box">
<!--- box border -->
<div id="lb">
<div id="rb">
<div id="bb"><div id="blc"><div id="brc">
<div id="tb"><div id="tlc"><div id="trc">
<!-- -->
<div id="content">
<h1>Simple Box by tedd</h1>
<p>
View the source code via your browser.
</p>
</div>
<!--- end of box border -->
</div></div></div></div>
</div></div></div></div>
<!-- -->
</div>
to apply this you have to overwrite elxis core code.... not so easy..not flexible..not wise
try that javascript above ..needs only a single call !
****
<script type="text/javascript" src="niftycube.js"></script>
< script type="text/javascript">
window.onload=function(){
Nifty("div#contentpaneopen_text","big");
}
</script>
or something like that
-
i cant do nothing with those ways, i make something different, the only bad is that must make if you have 2 or more items pe at the home page you must make theme leading because the bottom image is fixed width (pe 607px) so i make 2 images the bottom going here
.contentpaneopen_text {
padding: 1em 0 1em 0;
margin: 0;
position: relative;
width: 607px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 5px;
margin-left: 0pt;
overflow-x: hidden;
overflow-y: hidden;
background-color: transparent;
background-image: url(home-practice-bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
}
and the top here
h1.contentheading, h1.componentheading {
font-size: 14px;
font-weight: bold;
border: 0;
padding-left:8px;
font-family: Tahoma;
padding: 0 0 1em 0;
margin: 0;
position: relative;
width: 607px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0;
margin-left: 0pt;
overflow-x: hidden;
overflow-y: hidden;
background-color: transparent;
background-image: url(up-practice-bg.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
}
a little problem is with h1 titles i want to remove but not hide theme
[attachment deleted by admin]