The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic Reply to topic  [ 30 posts ] 
Author Message
 Post subject: css??
PostPosted: Thu Mar 30, 2006 10:44 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
how do i change the colour of the text in all the modual headings??
i whant to change them to white. http://67.18.27.130/~mysen/anorak/
i know i have to change some thing in the css page but i dont know what??

mysen


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 10:49 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
find this on your css
Code:
table.moduletable th

change the color to #FFFFFF or simply type white

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 10:51 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
ok cool i will try that now.
also if you look at the poll on the right, why is it that its got the modual heading backgroud on it?


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 10:56 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
you mean on the poll option?
change eithier
Code:
.sectiontableentry1 td

or
Code:
.sectiontableentry2 td

I forgot which one :p

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 10:59 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
where do i change this code??

also back the to colour of the text:
i found this, but there is nothing about colour on there? so i tryed adding in the colour option but it didnt work :(

table.moduletable-top th {
  font-size        : 11px;
  font-weight      : bold;
  text-transform  : uppercase;
  text-align      : left;
  height          : 21px;
  line-height      : 21px;
  text-indent      : 8px;
  letter-spacing  : 1px;


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:02 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
omg im such a noob, but i did it!!! woo hoo!! i was looking at the wrong one wernt i! lol stupid me :) but yeah the poll thing, if you can help me with that then that would be cool.


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:04 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
without the -top
table.moduletable th {

unless youre using a module suffix -top?

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:04 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
mysen wrote:
omg im such a noob, but i did it!!! woo hoo!! i was looking at the wrong one wernt i! lol stupid me :) but yeah the poll thing, if you can help me with that then that would be cool.

ermm
read three post above?  ;)

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:13 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
i know im such an idiot  :-\

how can i fix the poll?
you gave me some code to change but where do i change it?


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:17 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
post here
.sectiontableentry1 td and .sectiontableentry2 td

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:20 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
post here? ok i dont have a clue what you mean but i will try and work it out
, im in the .php file for the :)


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:23 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
mysen wrote:
post here? ok i dont have a clue what you mean but i will try and work it out
, im in the .php file for the :)

php file???
search here
template/yourtemplatename/css/template_css.css

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:26 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
ahhh ok i have found it, so how do i take out the black background on option 2?


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:28 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
do a search int he file using notepad or your favorite editor
Code:
.sectiontableentry1 td

Code:
.sectiontableentry1 td

post the code here from the opening bracket to the closing bracket
Code:
.sectiontableentry1 td {
asdasd
asdasd
asdasd
asdasd
asdasd
asdasd
}

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:37 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
ok cool i did it :)

how do i change the main headings off all the content to be black?

its going to be another css thing aint it?


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:49 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
mysen wrote:
ok cool i did it :)

how do i change the main headings off all the content to be black?

its going to be another css thing aint it?

Congrats and yup, its another css  :P
here's a tip
use Firefox and install the web developer extension
after you installed and restart firefox there will be a set of toolbar there.
click on the "Information" and click the dropdown "Display ID & Class Details"

try it  ;)

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 11:51 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
ok cool i will give it a try


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 12:04 pm 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
its crap! everything is out of alignment and when you are in the editing mode of the content, you cant even see the wrighting??
firefox is rubbish! lol!!


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 12:25 pm 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
mysen wrote:
its crap! everything is out of alignment and when you are in the editing mode of the content, you cant even see the wrighting??
firefox is rubbish! lol!!

on the contrary my friend
the crap is not on firefox but.....ehm your design  :P
always check with Firefox, IE, Opera and Safari (if youre on mac)

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 12:26 pm 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
but it works fine in explora??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 12:30 pm 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
mysen wrote:
but it works fine in explora??

Amigo
IE 6 is crap and old
if youre using IE 7 Beta.... Dont. even more crap, waaaay to much bug or "feature" as the MS ppl say it  :P
if you can make you design work on FF, you can prety much do it on IE or Opera, or any other browser

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 12:40 pm 
User avatar
Joomla! Champion
Joomla! Champion
Offline

Joined: Tue Sep 13, 2005 12:22 am
Posts: 5030
Location: Omaha, Nebraska, USA
Moving thread to the "Templates" board

_________________
Kenneth Crowder - Omaha, Nebraska, USA
Global Moderator - Joomla! ...because open source matters
Recipes for people with food allergies: http://intolerantoffspring.com
Author of "Joomla! 1.5: Developing Secure Sites": http://www.lynda.com/home/DisplayCourse.aspx?lpk2=73559


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 12:41 pm 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
ok what do i need to do to make the "latest news" and "popular" modules line up?


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 12:49 pm 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
mysen wrote:
ok what do i need to do to make the "latest news" and "popular" modules line up?


youre using tables right?
try adding this to your tables
Code:
 align="left" valign="top"

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 1:18 pm 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
didnt work :( is there anything els i can try??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 2:24 pm 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
post your template index.php code here
dont forget to wrapped it up in code tags (# button)

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Thu Mar 30, 2006 3:00 pm 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
ok cool, well here it is.

Code:
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!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>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/target/favicon.ico\" />" ; ?>
<link rel="alternate" title="<?php echo $mosConfig_sitename; ?>" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/index2.php?option=com_rss&no_html=1" type="application/rss+xml" />
<script language="JavaScript" type="text/javascript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
  </script>
<style type="text/css">
<!--
.Stil1 {
   font-size: xx-small;
   color: #FFFFFF;
}
body {
   background-image: url(templates/target/images/);
   margin-top: 0px;
   margin-right: 0px;
   background-color: #FFFFFF;
   background-repeat: repeat-x;
   margin-left: 0px;
   margin-bottom: 0px;
}
-->
</style>
</head>

<body>
<table width="850" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td height="255" valign="top"><table width="100%" height="255" border="0" cellpadding="0" cellspacing="10" bgcolor="#FFFFFF">
      <tr>
        <td height="235"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="3"> </td>
          </tr>
         
          <tr>
            <td width="38%" rowspan="2" background="templates/target/images/headerbg.jpg">
           <div align="right"><img src="templates/target/images/header.jpg" width="316" height="80" /></div></td>
            <td height="54" colspan="2" background="templates/target/images/headerbg.jpg"><?php mosLoadComponent( "banners" ); ?></td>
          </tr>
          <tr>
            <td width="58%" background="templates/target/images/headerbg.jpg" bgcolor="#FF0000"> </td>
            <td width="4%" background="templates/target/images/corner.png" bgcolor="#FFFFFF"><div align="right"><img src="templates/target/images/corner.png" width="30" height="13" /></div></td>
          </tr>
          <tr>
            <td colspan="3"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
              <tr>
                <td width="9%" rowspan="2" valign="top" bgcolor="#FF0033" style="padding-top: 0px; border-right: 1px dotted #ffffff; padding-right: 0px;"><?php mosLoadModules ( 'left' ); ?>
                  <?php mosLoadModules ( 'user1' ); ?></td>
                <td align="left" valign="top" style="padding-top:0px; padding-bottom: 0px;"><p><span style="padding-top: 0px; border-left: 1px dotted #ffffff; padding-left: 0px;"><?php mosLoadModules ( 'user2' ); ?>
                </span></p>                  </td>
                <td align="left" valign="top" style="padding-top: 0px; padding-bottom: 0px;"><span style="padding-top: 0px; border-left: 1px dotted #CCCCCC; padding-left: 0px;">
                  <?php mosLoadModules ( 'user3' ); ?></span></td>
                <td width="19%" rowspan="2" valign="top" bgcolor="#FF0033" style="padding-top: 0px; border-left: 1px dotted #CCCCCC; padding-left: 0px;"><?php mosLoadModules ( 'right' ); ?>
                  <p> </p>
                  <?php mosLoadModules ( 'user4' ); ?></td>
              </tr>
              <tr>
                <td colspan="2" valign="top" style="padding-top: 0px; padding-bottom: 0px;"><?php mosMainBody(); ?></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="31" colspan="3" align="center" background="templates/target/images/"><?php include_once('includes/footer.php'); ?></td>
          </tr>
         
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Fri Mar 31, 2006 5:47 am 
User avatar
Joomla! Ace
Joomla! Ace
Offline

Joined: Fri Aug 19, 2005 12:08 am
Posts: 1442
try this
Code:
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!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>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/templates/target/favicon.ico\" />" ; ?>
<link rel="alternate" title="<?php echo $mosConfig_sitename; ?>" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/index2.php?option=com_rss&no_html=1" type="application/rss+xml" />
<script language="JavaScript" type="text/javascript">
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
  </script>
<style type="text/css">
<!--
.Stil1 {
   font-size: xx-small;
   color: #FFFFFF;
}
body {
   background-image: url(templates/target/images/);
   margin-top: 0px;
   margin-right: 0px;
   background-color: #FFFFFF;
   background-repeat: repeat-x;
   margin-left: 0px;
   margin-bottom: 0px;
}
-->
</style>
</head>

<body>
<table width="850" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td height="255" valign="top"><table width="100%" height="255" border="0" cellpadding="0" cellspacing="10" bgcolor="#FFFFFF">
      <tr>
        <td height="235"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="3"> </td>
          </tr>
         
          <tr>
            <td width="38%" rowspan="2" background="templates/target/images/headerbg.jpg">
           <div align="right"><img src="templates/target/images/header.jpg" width="316" height="80" /></div></td>
            <td height="54" colspan="2" background="templates/target/images/headerbg.jpg"><?php mosLoadComponent( "banners" ); ?></td>
          </tr>
          <tr>
            <td width="58%" background="templates/target/images/headerbg.jpg" bgcolor="#FF0000"> </td>
            <td width="4%" background="templates/target/images/corner.png" bgcolor="#FFFFFF"><div align="right"><img src="templates/target/images/corner.png" width="30" height="13" /></div></td>
          </tr>
          <tr>
            <td colspan="3"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
              <tr>
                <td width="9%" rowspan="2" valign="top" bgcolor="#FF0033" style="padding-top: 0px; border-right: 1px dotted #ffffff; padding-right: 0px;"><?php mosLoadModules ( 'left' ); ?>
                  <?php mosLoadModules ( 'user1' ); ?></td>
                <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td align="left" valign="top"><?php mosLoadModules ( 'user2' ); ?></td>
                  </tr>
                </table></td>
                <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td align="left" valign="top"><?php mosLoadModules ( 'user3' ); ?></td>
                  </tr>
                </table></td>
                <td width="19%" rowspan="2" valign="top" bgcolor="#FF0033" style="padding-top: 0px; border-left: 1px dotted #CCCCCC; padding-left: 0px;"><?php mosLoadModules ( 'right' ); ?>
                  <p> </p>
                  <?php mosLoadModules ( 'user4' ); ?></td>
              </tr>
              <tr>
                <td colspan="2" align="left" valign="top" style="padding-top: 0px; padding-bottom: 0px;"><?php mosMainBody(); ?></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="31" colspan="3" align="center" background="templates/target/images/"><?php include_once('includes/footer.php'); ?></td>
          </tr>
         
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

_________________
Waddaya mean I can't swing my lightsaber in the forum??


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Fri Mar 31, 2006 10:16 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
you know what, your a god damn genious!!
so what did you change? just so i know for the future???


Top
 Profile  
 
 Post subject: Re: css??
PostPosted: Fri Mar 31, 2006 10:21 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Thu Mar 30, 2006 10:41 am
Posts: 24
oh i see how you have done it, you just put
Code:
<td align="left" valign="top">
right befor the php for the modual.


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 30 posts ] 



Who is online

Users browsing this forum: No registered users and 4 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group