Support Forum

  • Page:
  • 1

site with shared template structure

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

my site uses a core template and multiple templates. I did not set it up it was done by daniel ecer.

the css of the page/template i want the hover to appear is

[code:1][/code:1]div.title-site h1 {

background: url(../images/title.gif) no-repeat;

width: 335px;

height: 30px;

}



div.title-site h1 span {

display: none;

}



div.title-site h1 a {

display: block;

width: 100%;

height: 100%;

}





this is the template html

<?php







global $cur_template, $mosConfig_absolute_path, $mosConfig_live_site;







require_once($mosConfig_absolute_path.'/templates/sandbox_shared/sandbox_template.class.php');







$template =& SandboxTemplate::getInstance();



$template->setShortcutIcon('templates/'.$cur_template.'/images/favicon.ico');



$template->addStyleSheet('templates/'.$cur_template.'/css/template_css.css');



$template->addStyleSheet('templates/'.$cur_template.'/topnav/css/menu.css');



$template->setHeaderFlash('flash/playground_onload.swf', 166, 117);



$template->setHeaderTitle('Sandbox Education');



$template->setHomeUrl($mosConfig_live_site);







$variation = intval(mosGetParam($_REQUEST, 'variation', 0));



if (($variation > 0) && (file_exists($mosConfig_absolute_path.'/templates/'.$cur_template.'/css/variation'.$variation.'.css'))) {



$template->addStyleSheet('templates/'.$cur_template.'/css/variation'.$variation.'.css');



}







$template->show();



?>



thanks!



I am clueless as to where to put it and when I saw the module I thought it was really beautiful piece of work!



thanks



div.header-buttons-site a.sitemap-site {

display: block;

background: url(../images/sitemap.gif) no-repeat;

width: 18px;

height: 16px;

}



div.header-buttons-site a.sitemap-site span {

display: none;

}



.main-area-site ul {

}



.main-area-site ul li {

line-height: 15px;

}



.main-area-site ul li div.title {

height: 15px;

}



ul {

list-style: none;

margin: 0;

padding: 0;

}



ul li {

min-height: 15px;

margin: 0;

padding-left: 15px;

padding-top: 0px;

background-image: url(../images/block_fill.gif);

background-repeat: no-repeat;

background-position: 0px 2px;

}



ul li li {

background-image: url(../images/circle_fill.gif);

}



ul li li li {

background-image: url(../images/triangle_fill.gif);

}



ul li li li li {

background-image: url(../images/block_fill.gif);

}





body {

background: url(../images/back.gif) repeat center center;

/* background-position: 50px top; */

}



.footer-site a:hover {

color: #EF348C;

}



a:link, a:visited, a:hover {

color: #EF348C;

}



/* ====================================================================

MAMBO CLASSES

These are largely the standard Mambo classes...

==================================================================== */



a.fase4rdf:link, a.fase4rdf:hover {

color: #404040;

}





a.pathway, a.pathway:link, a.pathway:visited, span.pathway {

color: #404040;

}



a.pathway:hover {

color: #EF348C;

}



/* styling for the pdf/email/print icons */

a.readon:hover {

color: #EF348C;

}



a.toclink:hover,a.toclink:visited,a.toclink:link {



}





table.contenttoc {

border: 1px solid #EF348C;

}







/** category text format and links **/



.componentheading {

color: #EF348C;

}





/* Search Text */ /* Contact Component */ /* Content voting */



.contentheading {

color: #EF348C;

}





.icons a:hover {

color: #EF348C;

}



.inputbox {

border: 1px solid #EF348C;

}





/* Module corners */



div.module {

background: url(../images/module_bottom_left.gif) bottom left no-repeat;

}



div.module div {

background: url(../images/module_bottom_right.gif) bottom right no-repeat;

}



div.module div div {

background: url(../images/module_top_left.gif) top left no-repeat;

}



div.module div div div {

background: url(../images/module_top_right.gif) top right no-repeat;

}



div.module div div div div {

background: none;

}

div.middle-header-site {

margin-top: 4px;

border-left: 1px dotted #EF348C;

border-top: 1px dotted #EF348C;

border-right: 1px dotted #EF348C;

}

div.middle-main-site {

border-left: 1px dotted #EF348C;

border-bottom: 1px dotted #EF348C;

border-right: 1px dotted #EF348C;

}



the question is where do I put the css code you include in the bqck end as this page has no header....<br><br>Post edited by: sandbox, at: 2007/06/18 21:29
  • MrSpot's Avatar
  • MrSpot
  • Free Extensions
  • 3 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Sandbox,



You need to put the css in each template_css file that will be displaying the gallery. So I would just add it to the bottom of that file after



[code:1]div.middle-main-site {

border-left: 1px dotted #EF348C;

border-bottom: 1px dotted #EF348C;

border-right: 1px dotted #EF348C;

}[/code:1]



Cheers Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hello!



I worked out to put the CSS in the zip into the CSS of one of the templates. I added at the top of the page. Do I need to move it?



However, nothing seems to make sense or work!



I do not have a position small right in my template?



If I change the image directory to the subdirectory images/stories/curriculum blocks

it takes away the sample images and just shows thin lines? Even images/stories/curriculum blocks/ does the same thing.



see sandboxeducation.co.uk/index.php?option=com_content&task=view&id=163&Itemid=151

no images appear



I have a news flash css that makes a module with no border like on my home page

sandboxeducation.co.uk/index.php?option=com_frontpage&Itemid=1



but when I use that I loose all the spacing between the sample images...



can you help fix it?
  • MrSpot's Avatar
  • MrSpot
  • Free Extensions
  • 3 posts
  • Karma: 0
The administrator has disabled public write access.
The paths for the images look ok so are the images actually in that directory?



The css is best placed at the bottom of the file. There shouldn't be any conflicts here but its safest to do this.



here is the css from the css file for the small thumbs:



[code:1]/* small thumbs right */

.hb_small_right {position:relative; }

.thumbs_small_right {width:180px; float:left;}

.thumbs_small_right a {display:block; float:right; margin:0 0 5px 5px; width:25px; height:25px; border:1px solid #ccc;}

.thumbs_small_right a img {width:25px; height:25px; border:0;margin: 0;}

.thumbs_small_right a:hover {border-color:#ddd;}

.thumbs_small_right a:hover img {position:absolute; width:auto; height:auto; left:200px; top:0; border:1px solid #ccc;padding: 4px;background: #fefefe;}

[/code:1]



To use this just place the text small_thumbs in the relative position box in the backend. It should work after that.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Hello



I double checked by FTP and by Joomexplorer the images are in this directory

/public_html/images/stories/curriculum blocks/ ) I even tried adding in the public_html but it made no difference. These images are gifs but I tried it with another route with

/public_html/images/stories/fruit/ which had jpg but it still did not work.







I do not know where the relative position box is in the back end. I tried searching the Joomla help file to locate information about it but came up with nothing. My template has the following positions.



search

user4

top nav

top

left

right

newsflash

footer

validation



Thanks



i would be happy tp let you into the backend to take a look as I am stuck with this!:(
  • MrSpot's Avatar
  • MrSpot
  • Free Extensions
  • 3 posts
  • Karma: 0
The administrator has disabled public write access.
Sure I would be happy to look in the admin ...



The image directory is only relative to your site root so all you need to do is put in images/stories/ to find images in the stories folder.



The relative position is a field in the hover box module ...



Just email me at This e-mail address is being protected from spambots. You need JavaScript enabled to view it with the login details and Ill check it out for you.



Cheers Anthony.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Sure I would be happy to look in the admin ...



The image directory is only relative to your site root so all you need to do is put in images/stories/ to find images in the stories folder.



The relative position is a field in the hover box module ...



Just email me at This e-mail address is being protected from spambots. You need JavaScript enabled to view it with the login details and Ill check it out for you.



Cheers Anthony.
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers