Elxis CMS Forum

Extensions => Templates => Topic started by: babis1 on September 25, 2009, 20:02:57

Title: contentpaneopen_text with 4 images bg (round corners)
Post 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]

Title: Re: contentpaneopen_text with 4 images bg (round corners)
Post by: ks-net on September 25, 2009, 21:15:48

http://www.html.it/articoli/niftycube/index.html

Title: Re: contentpaneopen_text with 4 images bg (round corners)
Post by: babis1 on September 25, 2009, 21:25:52

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

Title: Re: contentpaneopen_text with 4 images bg (round corners)
Post by: ks-net on September 25, 2009, 21:35:18

Code: [Select]

<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

Title: Re: contentpaneopen_text with 4 images bg (round corners)
Post by: babis1 on September 27, 2009, 15:46:19

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

Code: [Select]

.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

Code: [Select]

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]