|
Re:Incompability with Joomla SEO? (X)HTML Standard? 2 Years, 1 Month ago
|
|
I finally made it. The following CSS and PHP create valid (X)HTML1.0 and CSS2.0 source code. I hope this is useful for some of you. Have a nice day.
CSS:
| Code: |
body{
font-family: Arial, Helvetica, sans-serif;
color: #999;
background-color: #FFFFFF;
margin: 0px;
font-size:71.1%;
}
img {
border:none;
}
.logotext1 {
letter-spacing:1px;
font-style:normal;
font-family:"Lucia Grande", Arial;
font-size:1.5em;
}
.logotext2 {
letter-spacing:5px;
font-style:italic;
font-family:"Lucia Grande", Arial;
font-size:1.5em;
}
.header {
width:100%;
padding:25px 0 25px 0;
float:left;
text-align:center;
margin-bottom:20px;
}
.slogan1 {
font-size:2.2em;
color:#fff;
}
.slogan2 {
font-size:1.6em;
color:#fff;
line-height:1.8em;
}
.topin, .main, .headerin, .footerin {
margin:0px auto;
width:90%;
}
.main {
line-height:24px;
}
.logo {
float:left;
width:50%;
}
.topmenu {
float:right;
width:50%;
}
.slogan {
border-top:1px solid #e1e1e1;
padding:6px 0 10px 0;
float:left;
width:100%;
margin:4px 0 20px 0;
color:#999;
letter-spacing:1px;
font-style:italic;
}
.topin {
margin-top:24px;
}
.left {
float:left;
width:22%;
}
.right {
float:left;
width:0%;
}
.center {
float:left;
width:72% !important;
width:48%;
margin:0 3% !important;
margin:0 1%;
}
.footermenu{
margin-top:16px;
float:left;
width:100%;
}
.credits {
border-top:1px solid #e1e1e1;
width:100%;
float:left;
font-size:0.88em;
}
.moduletable-grey {
background-color:#f4f4f4;
padding:0 14px 14px 14px;
margin-top:14px;
border:1px solid #e1e1e1;
}
.small {
color:#ccc;
font-size:0.88em;
}
/*List Classes*/
.topmenu ul {
padding:0px;
margin:0px;
float:right;
}
.topmenu2 ul {
padding:10px 0;
margin:10px 0;
float:left;
width:100%;
border-top:1px solid #e1e1e1;
}
.topmenu ul li {
float:left;
list-style:none;
}
.topmenu2 ul li {
float:left;
list-style:none;
}
.moduletable_menu ul {
padding:1px 0px;
margin:0px;
border-bottom:1px solid #f4f4f4;
border-top:1px solid #e1e1e1;
}
.moduletable_menu ul li {
display:block;
padding:0;
margin:0px;
list-style:none;
}
/*Link Classes*/
.moduletable_menu ul li a:link, .moduletable_menu ul li a:visited{
list-style:none;
padding:5px 10px;
display:block;
color:#666;
border-top:1px solid #f4f4f4;
border-bottom:1px solid #e1e1e1;
text-decoration:none;
margin-bottom:1px;
background-color:#f9f9f9;
}
.moduletable_menu ul li a:hover {
background-color:#f4f4f4;
}
.topmenu ul li a:link, .topmenu ul li a:visited, .topmenu2 ul li a:link, .topmenu2 ul li a:visited {
text-decoration:none;
padding:10px 12px;
color:#999;
font-size:0.88em;
border-top:3px solid #fff;;
}
.topmenu ul li a:hover, .topmenu2 ul li a:hover {
border-top:3px solid #b61a1a;
}
/*Headlines*/
h1 {
padding:0px;
margin:0px;
font-size:1.5em;
}
h2, td.contentheading {
font-size:1.8em;
padding:10px 0;
margin: 0 0 10px 0;
border-bottom:1px solid #e1e1e1;
letter-spacing:3px;
}
h3 {
font-size:1.4em;
padding:10px 0;
margin: 0 0 10px 0;
border-bottom:1px solid #e1e1e1;
letter-spacing:2px;
font-style:italic;
}
.moduletable_menu h3 {
font-size:1.4em;
padding:10px 0;
margin: 0 0 0px 0;
letter-spacing:2px;
font-style:italic;
border-bottom:none;
}
/*Advanced Configuration depended classes*/
.header {
background-color:#a7d100;
}
.mainmenu ul li a:hover, .topmenu ul li a:hover, .topmenu2 ul li a:hover,a:hover, h2, h3, h4, h5, td.contentheading{
color:#ff6600;
}
a:link, a:visited,.logotext1 {
color:#a7d100;
}
.topmenu ul li a:hover, .topmenu2 ul li a:hover {
border-top:3px solid #ff6600;
}
/* MiniFrontpage CSS*/
.minifp td { padding-right:5px;}
.minifp td p {
margin-top:3px;}
.minifp td img {
border:none;
margin-left: 0.5em;
margin-right: 0.5em;}
.minifp-anotherlinks
{
font-weight: bold;
font-size:100%;
border-bottom:1px solid #ccc;
display:block;
padding-bottom:5px;
margin-bottom:5px;
background:url(../../../modules/mod_minifrontpage/images/application_add.gif) no-repeat top left;
padding-left:20px;
}
.minifp ul li {
font-size:94%;
padding-left:0;
}
.minifp ul li a {
}
.minifp-introtitle a {
font-size:120%;
font-weight: bold;
color: #333;
}
.minifp-introtitle a:hover {
text-decoration:underline;
}
.minifp-date {
color:#666;
font-size:9px;
font-style: normal;
height:10px;
}
a.minifp-full-link {
font-weight: bold;
line-height:24px;
}
a:hover.minifp-full-link {
text-decoration:underline;
}
|
PHP:
| Code: |
<?php
// no direct access
defined('_JEXEC') or die('Restricted access');
$database =& JFactory::getDBO();
$pwidth = intval(100/$columns);
$col = 0;
if ($thumb_enable == 1 )
{
$ini_intro = 1;
?><table width="100%" class="minifp"><?php
foreach ( $rows as $row )
{
// ----------- add category title ------------
$link = JRoute::_($row->link);
if ($cat_title) {
$query = "SELECT title FROM #__categories WHERE id =". $row->catid;
$database->setQuery( $query );
$categ = $database->loadResult();
}
if ($show_title) {
$title = '<a href="'. $link .'">'. $row->title . '</a>';
}
else $title = '<a href="'. $link .'">'. $row->title . '</a>';
if ( $num_intro )
{
if ($col==0) { ?><tr><?php }?>
<td valign="top" width="<?php echo $pwidth; ?>%" class="minifp"><?php
if ($loadorder == 1)
{
showThumb($row->images,$row->image,$params,$link);
}
if ($cat_title) echo '<span class="'.$class_categoria.'">'. $categ . '</span>';
if ($show_title) {
if ($title_link == 1) { echo '<span class="'.$class_introtitle.'">'.$title.'</span>'; }
else { echo '<span class="'.$class_introtitle.'">'. $row->title . '</span>'; }
echo "<p />";
}
if ($show_date) {
echo '<span class="'.$class_date.'">';
echo JHTML::_('date', $row->publish_up,$params->get( 'date_format' ), $offset);
echo '</span>';
}
if ( $row->created_by_alias ) { $author = $row->created_by_alias; }
else { $author = htmlspecialchars( $row->name ); }
if ($show_date && $show_author) {
echo $sep;
}
if ($show_author==1) {
echo '<span class="'.$class_author.'">'.$author.'</span>';
}
echo '<p />';
if ($loadorder == 0) {
// repeat code I hate this --- just because I can't create a new function -- damned
if ($thumb_embed == 1)
{
?><a href="<?php echo $link; ?>"><?php
if (!empty($row->images))
{
$img = strtok($row->images,"|rn");
$class="";
$extra = ' align="left" alt="article thumbnail" ';
fptn_thumb_size($img, $thumb_width, $thumb_height, $image, $extra, $class, $aspect);
echo $image;
}
else if ($row->image !="")
{
echo '<img src="'.MOD_MINIFRONTPAGE_BASEURL."/". $row->image .' " width="' . $thumb_width . '" height="' . $thumb_height .'" style="float: left;" alt="article image" />';
}
else {
$img = "";
$class="";
$extra = ' align="left" alt="article thumbnail" ';
fptn_thumb_size($img, $thumb_width, $thumb_height, $image, $extra, $class, $aspect);
echo $image;
}
?></a><?php
}
}// end if ($loadorder == 0)
if ( ($limit > 1) ) {
echo $row->introtext;
?><br /><?php
}
else {
?><div style="clear: both;"></div><?php
}
if ($fulllink !="")
{
?>
<a class="minifp-full-link" href="<?php echo $link; ?>"><?php echo $fulllink; ?></a><?php
}
?></td><?php
$num_intro = $num_intro - 1;
if ( $num_intro == 0 )
{
$ini_intro = 0;
if ( ( ( ($col + 1) % $columns ) == 0 ) && $anotherlink ) echo "</tr><tr>";
if ( ( ( ($col + 1) % $columns ) == 0 ) && !$anotherlink ) echo "</tr>";
if ($anotherlink) {
echo '<td valign="top" colspan="'.$columns.'">';
if ($header_title_links != "") echo "<span class='".$class_another_links."'>".$header_title_links."</span>";
else echo "<p />";
echo '<ul class="minifp">';
}
else { }
}
}
else if ( ($num_intro==0) && ($ini_intro == 1) )
{
if ( ( ($col + 1) % $columns ) == 0 ) echo "</tr><tr>";
echo '<td valign="top" colspan="'.$columns.'">';
if ($header_title_links != "") echo "<span class='".$class_another_links."'>".$header_title_links."</span>";
else echo "<p />";
echo '<ul class="minifp">';
echo "<li class='minifp'>". $title ."</li>";
$ini_intro = 0;
continue;
}
else {
echo "<li class='minifp'>". $title ."</li>";
}
$col = ($col + 1) % $columns;
if ($col == 0 && $num_intro) echo "</tr>";
}
if ( ($num_intro==0) && $anotherlink) { ?>
</ul></td></tr>
<?php }
echo '</table>';
}
?>
|
Regards,
Match
|
|
Match (Visitor)
|
Logged
|
|
|
|
|
Re:Incompability with Joomla SEO? (X)HTML Standard? 2 Years, 1 Month ago
|
|
|
No problem. I have to thank for your extension!
|
|
Match (Visitor)
|
Logged
|
|
|
|
|
Re:Incompability with Joomla SEO? (X)HTML Standard? 2 Years, 1 Month ago
|
|
I forgot to mention that only the MiniFrontPage part of the posted CSS code is needed to run MiniFP in a valid setup:
| Code: |
/* MiniFrontpage CSS*/
.minifp td { padding-right:5px;}
.minifp td p {
margin-top:3px;}
.minifp td img {
border:none;
margin-left: 0.5em;
margin-right: 0.5em;}
.minifp-anotherlinks
{
font-weight: bold;
font-size:100%;
border-bottom:1px solid #ccc;
display:block;
padding-bottom:5px;
margin-bottom:5px;
background:url(../../../modules/mod_minifrontpage/images/application_add.gif) no-repeat top left;
padding-left:20px;
}
.minifp ul li {
font-size:94%;
padding-left:0;
}
.minifp ul li a {
}
.minifp-introtitle a {
font-size:120%;
font-weight: bold;
color: #333;
}
.minifp-introtitle a:hover {
text-decoration:underline;
}
.minifp-date {
color:#666;
font-size:9px;
font-style: normal;
height:10px;
}
a.minifp-full-link {
font-weight: bold;
line-height:24px;
}
a:hover.minifp-full-link {
text-decoration:underline;
}
|
|
|
Match (Visitor)
|
Logged
|
|
|
|
|
Re:Incompability with Joomla SEO? (X)HTML Standard 2 Years ago
|
|
Wow!!!  Amazing! I was 5 hours trying to get it XHTML compliant and nothing... You did my job! Next step, try to make tableless... I'll try
Thanks again Florencia
|
|
Florencia (Visitor)
|
Logged
|
|
|
|
|