1
dizzymarkus
custom block question ((css))

I must be missing something here, if i create a custom block ------- centerblock / center -------- and add html to that block it displays the way I want but changes the css on the whole page to that of the custom block. Must it be in an <iframe> to not control the css on the whole page? Thanks prolly seems like a dumb question to some and sorry. I read around a bunch with the css and fairly understand it for XOOPS but the custom block has me swinging lol.


Thanks ,
Markus

xoops version 2.0.13
php version 4.4.1
sql version 4.1.14-standard-log



heres the custom block code


<!-- code starts here -->


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Board meeting minutes</title>
<style type="text/css">
<!--
.style1 {
font-size: 16px;
font-weight: bold;
color: #000000
}
.style2 {font-family: "Times New Roman", Times, serif}
a:link {
color: #0000FF;
text-decoration: none;
font-size: 16px;
}
a:visited {
color: #0000FF;
text-decoration: none;
font-size: 16px;
}
a:hover {
color: #FF0000;
text-decoration: none;
font-size: 16px;
}
a:active {
text-decoration: none;
font-size: 16px;
}
.style3 {
color: #FF0000;
font-weight: bold;
}
.style4 {color: #FF0000}
.style6 {font-family: "Times New Roman", Times, serif; color: #000000; }
.style7 {
font-size: 24px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.style8 {
font-size: 16px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<table width="724" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="724" height="281" valign="top" bgcolor="#FFFF66"><div align="center" class="style1">Here you will find the latest minutes from the last BOARD MEETING </div><p></p>
<ul>
<li><strong>Syracuse quater midget club is looking for some help and volunteers to help with their big 2006 race. Please contact </strong><a href="mailto:noone@nowhere.com">noone@nowhere.<strong>com</strong></a><strong> for information. </strong></li>
<p>
<li><span class="style8">Season schudule set in place <span class="style4"><span class="style6">and is viewable </span></span></span><span class="style3"><span class="style2"><strong><a href="http://www.ocqmc.com/modules/agendax/index.php?op=cal">" here "</a></strong><p>
<center><a href="http://www.ocqmc.com/modules/xoopsfaq/">Please see the FAQ for easy instructions on using the Calender and Photo galleries</a></center></p>
<a href="http://www.oswegoquartermidgetclassic.com/ocqmc/modules/agendax/index.php?op=cal"></strong></a></p></span></span>
<p><div align="center"><span class="style3">--PLEASE NOTE TRACK CLEAN UP TIMES-- </span></div></p>
</li>
</ul>
<p align="center"><strong>Any comments or concerns please feel free to contact the club president below</strong></p>
<p align="center" class="style7"> <span class="style2"><a href="mailto:ejcrossman@twcny.rr.com"><strong>Eric Crossman</strong><strong>&nbsp;&nbsp;&nbsp;&nbsp;OCQMC President</strong></a></p></td>
</tr>
<tr>
<td height="87" valign="top" bgcolor="#FFFF00" class="style1"><div align="center">Here you will find an archieve of past meetings & minutes </div> <p align="center" class="style2">
<a href="http://www.ocqmc.com/modules/news/archive.php"><strong>"CLICK HERE"</a></p></td>
</tr>
</table>
</body>
</html>


<!-- code ends here -->



thanks again

2
JulioNC
Re: custom block question ((css))
  • 2006/2/19 18:02

  • JulioNC

  • Quite a regular

  • Posts: 239

  • Since: 2004/10/8


custom block ------- centerblock / center --------

<div id="Global" style=
"border-style:solid; border-color:#FFFF66; z-index: 1; left: 1px; top: 10px; background-color:#FFFF66; layer-background-color:#FFFF66; visibility: visible">

    <
div id="style1" class="style1" align="center"><b>Here you will find the latest minutes from the last BOARDMEETING</b></div>
    <
div id="style2">
        <
ul>
            
            <
li><strong>Syracuse quater midget club is looking for some help and volunteers to help with their big 2006 race.<br />Please contact</strong> <a href="mailto:noone@nowhere.com" class="mail"><strong>noone@nowhere.com</strong></a><strong>for information.</strong></li>
            
            <
li><b>Season schudule set in place and is viewable <a href="http://www.ocqmc.com/modules/agendax/index.php?op=cal" class="here">" here "</a></b></li>
            
        </
ul>
    </
div>

    <
div id="Blue" align="center"><b><a href="http://www.ocqmc.com/modules/xoopsfaq/" class="faq">Please see the FAQ  for easy instructions on using the Calender and Photo galleries</a></b></div>
        <
br />
    <
div id="Red" align="center"><b><span style="color: red">--PLEASE NOTE TRACK CLEAN UP TIMES--</span></b>
    <
br />
    <
p><b>Any comments or concerns please feel free to contact the club president below</b>
    <
br /><br />
    <
b><a href="mailto:ejcrossman@twcny.rr.com" class="ejcrossman">Eric Crossman &nbsp;&nbsp;&nbsp;&nbspOCQMC President</a></b>
    
    <
br /><br /><b>Here you will find an archieve of past meetings minutes</b><br /><br />
    
    <
b><a href="http://www.ocqmc.com/modules/news/archive.php" class="here""CLICK HERE" </a></b>    
    </
p>
    </
div>
</
div>



add style.css

a:link.mail {colorblue;text-decorationnone;}
a:visited.mail {colorblue;text-decorationnone;}
a:hover.mail {colorred;text-decorationnone;}
a:active.mail {colorblue;text-decorationnone;}

a:link.here {colorblue;text-decorationnone;}
a:visited.here {colorblue;text-decorationnone;}
a:hover.here {colorred;text-decorationnone;}
a:active.here {colorblue;text-decorationnone;}

a:link.faq {colorblue;text-decorationnone;}
a:visited.faq {colorblue;text-decorationnone;}
a:hover.faq {colorred;text-decorationnone;}
a:active.faq {colorblue;text-decorationnone;}

a:link.ejcrossman {colorblue;text-decorationnone;}
a:visited.ejcrossman {colorblue;text-decorationnone;}
a:hover.ejcrossman {colorred;text-decorationnone;}
a:active.ejcrossman {colorblue;text-decorationnone;}


Happy Xoopsing!

Julio

3
dizzymarkus
Re: custom block question ((css))

the custom blocks must be in a div container?

the css doesnt need to be in the <head> ?

sorry about the silly sounding questions I am faily new here and thanks for the great code rework.


Lemme rephrase this lol how can I add css to the custom block with it affecting the whole page. I use dreamweaver then copy and pate code to custom block (i dont know much html)


thanks again,
Markus

4
JulioNC
Re: custom block question ((css))
  • 2006/2/20 2:59

  • JulioNC

  • Quite a regular

  • Posts: 239

  • Since: 2004/10/8


Quote:

dizzymarkus wrote:
the css doesnt need to be in the <head> ?

Yes. Like also in style.css

Quote:

Lemme rephrase this lol how can I add css to the custom block with it affecting the whole page.....



1. - create custom block ( in HTML )
2. - Add the source code of custom block-- centerblock / center --
3.- Open sytle.css
4. - Add -- source code (a:link.mail...etc...etc...)
5.- Upload sytle.css
(XOOPS_ROOT_PATH/themes/yourtheme/sytle.css or XOOPS_ROOT_PATH/themes/yourtheme/css/sytle.css)

--
For example; the use of a.visit is a global property for the site unless an identity to the property is indicated.

Example CSS:
a:visited.here {color: blue;text-decoration: none;}

Example HTML:
<a href="http://www.esxoops.com" class="here"XOOPS SPANISH SUPPORT</a>


Sorry for my poor English!

Julio

Login

Who's Online

113 user(s) are online (55 user(s) are browsing Support Forums)


Members: 0


Guests: 113


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits