GraphicWeb Members: 20   LogIn   We have %s guests online   
GraphicWeb Communications
GraphicWeb Communications
 Network & Information Processing Specialists
"We fix things and do stuff!"
Sunday, 05 September 2010  
 
Home Page Home

Newsflash
What is Joomla?
Image

Joomla! is a Content Management System (CMS) created by the same award-winning team that brought the Mambo CMS to its current state of stardom.

Read more...
 
Microsoft Data Access Components - Disable ADODB.Stream object from Internet Explorer (KB870669)

Adodb.stream provides a method for reading and writing files on a hard drive. This by-design functionality is sometimes used by web applications. However, when combined with known security vulnerabilities in Microsoft Internet Explorer, it could allow an internet web site to execute script from the Local Machine Zone (LMZ). This occurs because the ADODB.Stream object allows access to the hard drive when hosted within Internet Explorer.

Download the patch.

Read more...
 
CSS to create rounded content corners Print E-mail
Tuesday, 06 June 2006
Creating rounded corners in modules is easy enough using the load modules position options but creating rounded corners in content items is a bit trickier and involves a tiny little hack to the file components/com_content/content.html.php.
What you'll need:
1) A copy of your components/com_content/content.html.php file
2) About 5 minutes to apply my little hack
3) Your round corner images

Steps
1) At or around line 449 of the above mentioned file look for this line of code:

Code:
<table class="contentpaneopen<?php echo $params->get'pageclass_sfx' ); ?>">

and replace it with:
Code:
<div class="contentitem<?php echo $params->get'pageclass_sfx' ); ?>">
<div>
<div>
<div>
<table class="contentpaneopen<?php echo $params->get'pageclass_sfx' ); ?>">

2) do the same at or around line 470 (you'll see the same openening <table> tag as before)

3) At or around line 526 you'll fine the closing </table> tag for the above tables immediately after that line close off the new <div> tags like this:

Code:
 </div>
</div>
</div>
</div>

4) in your CSS add the style declarations for your new rounded corner divs like this:

Code:
.contentitem {
background: url(../images/top_right_corner.png) top right no-repeat;
position:relative;
}

.contentitem div {
background: url(../imagestop_left_corner.png) top left no-repeat;
}

.contentitem div div{
background: url(../images/bottom_left_corner.png) bottom left no-repeat;
}

.contentitem div div div{
background: url(../images/bottom_right_corner.png) bottom right no-repeat;
}

You can also add different rounded corners or different colours etc by using the page class suffix - I'll assume that you know how yo do that bit.

And Voila you now have rounded corners on all of your content items and each individual blog content item. You can apply the same technique to have rounded corners on your content category tables if you wanted to.
Last Updated ( Tuesday, 06 June 2006 )
 
Next >
 

Advertisement

Page generated in 0.289 seconds