Graph-Design




  • Publicité

[Résolu] SOS CSS

Image Tout ce qui touche au Web , matériels , navigateurs , logiciels etc ...
Image


Avatar de l’utilisateur



Administratrice

Messages: 6257
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Mer 21 Avr 2010 12:38
Kikoo , j' ai besoin d' un coup de main pour un template Joomla que j' ai modifié  :meuh:

Donc, voilà ce que je veux changer : la toute petite ligne verte tout en haut de la page   :meuh:

Image

code HTML du template

Code: Tout sélectionner
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JPlugin::loadLanguage( 'tpl_SG1' );
define( 'path', dirname(__FILE__) );
?>
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<?php
   $menu_name        = $this->params->get("menuName", "topmenu");
   $menu_type        = $this->params->get("menuType", "splitmenu");
   require(path .DS."styleloader.php");
   require(path .DS."utils.php");
?>
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6.css" type="text/css" />
<![endif]-->

</head>
<body id="page_bg">
   <div id="pillmenu">
      <?php if($mtype != "module") :
      echo $mainnav;
      else: ?>
      <jdoc:include type="modules" name="user3" />
      <?php endif; ?>
   </div>
   <div id="wrapper">
      <div id="header">
         <div id="search"><jdoc:include type="modules" name="user4" /></div>
         <div class="clr"></div>
         <div class="logo">
            <table cellpadding="0" cellspacing="0">
               <tr>
                  <td>
                     <h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1>
                  </td>
               </tr>
            </table>
         </div>
      </div>
      
      <div id="content">
            
         <div class="newsflash<?php if(!$this->countModules('user1') and JRequest::getCmd('layout') != 'form') : ?> only<?php endif; ?>">
            <jdoc:include type="modules" style="rounded" name="top" />
         </div>
         
         <?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
         <div id="leftcolumn">
            <jdoc:include type="modules" name="left" style="rounded" />
            <br />
            <?php $sg = 'banner'; include "templates.php"; ?>
            <br />
         </div>
         <?php endif; ?>
         
         <?php if($this->countModules('left') and $this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
         <div id="maincolumn">         
         <?php elseif($this->countModules('left') and !$this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
         <div id="maincolumn_left">
         <?php elseif(!$this->countModules('left') and $this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
         <div id="maincolumn_right">
         <?php else: ?>
         <div id="maincolumn_full">
         <?php endif; ?>
         
            <div class="nopad">
               <jdoc:include type="message" />
               <?php if($this->params->get('showComponent')) : ?>
                  <jdoc:include type="component" />
               <?php endif; ?>
            </div>
         </div>
            
         <?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
         <div id="rightcolumn">
            <jdoc:include type="modules" name="right" style="rounded" />
         </div>
         <?php endif; ?>
         <div class="clr"></div>
                              
                     
      <div id="footer">
         <jdoc:include type="modules" name="debug" />
         <?php $sg = ''; include "templates.php"; ?>
         <a href="http://validator.w3.org/check/referer">valid xhtml</a>
         <a href="http://jigsaw.w3.org/css-validator/check/referer">valid css</a>
      </div>
      </div>
      
   </div>
</body>
</html>


Template CSS

Code: Tout sélectionner
body {
   font-family: Tahoma, Verdana, Arial, sans-serif;
   line-height: 1.3em;
   margin: 0;
   padding: 0;
   font-size: 11px;
   color: #777;
   background: #fff;
}

body.contentpane {
   background: #fff;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
   border: none;
}

p {
   margin: 5px 0;
   text-align: justify;
}

a {
   color: #3e3d3d;
   outline: none;
   text-decoration: none;
   font-weight: 400;
}

a:link {
   font-weight: 400;
}

a:visited {
   font-weight: 400;
   color: #3e3d3d;
}

a:hover {
   text-decoration: underline;
   font-weight: 400;
}

input  {
   color: #ccc;
   outline: none;
   margin: 0;
}

input:focus {
   outline: none;
}

button {
   color: #fff;
   font-size: 11px;
   border: none;
   background: #696969;
   cursor: pointer;
}


#modlgn_remember.inputbox  {
   background: none;
   border: none;
   width: auto;
   vertical-align:middle;
}

input.button, .validate  {
   color: #fff;
   font-size: 11px;
   cursor: pointer;
   font-weight: 700;
   border: none;
   height:20px;
   line-height:19px;
   padding: 2px 4px 4px;
   margin:6px 0 0 0;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
   background: #fff url(../images/page_bg.png) repeat-x top left;
}

#wrapper {
   margin:0 auto;
   width:1100px;
}

#header {
   position:relative;
   margin:0 auto;
   width:960px;
   height:259px;
   background: transparent url(../images/headerimg.jpg) no-repeat top center;
}

#pillmenu {
   width:946px;
   padding:3px 10px;
   height:30px;
   margin:28px auto 0;
   background: transparent url(../images/t_menu_bg.jpg) no-repeat top center;
}

#pillmenu ul {
   float:left;
   height:30px;
   padding:0;
   overflow:hidden;
   margin:0;
   list-style: none;
}

#pillmenu li {
   float: left;
   margin:0 1px 0 0;
}

#pillmenu li a {
   float:left;
   color: #fff;
   text-decoration: none;
   font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
   height:30px;
   font-size:12px;
   line-height:29px;
   padding: 0 20px 0 10px;
   font-weight:700;
   margin:0;
   cursor:pointer;
   background: transparent url(../images/t_menu_btn.png) no-repeat top right;
}

#pillmenu li a:hover, #pillmenu li a#active_menu-nav {
   color:#203580;
}

.logo {
   float:right;
   width:750px;
   height:70px;
   padding:70px 150px 0 0;
}

.logo table tr td {
   width:900px;
   height:70px;
   overflow:hidden;
   vertical-align:middle;
}

.logo h1 {
   text-align:right;
   color:#fff;
   line-height:normal;
   font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
   margin:0;
   padding:0;
}

.logo a, .logo a:link, .logo a:visited  {
   color:#fff;
   font-size:28px;
   font-weight:700;
   text-decoration:none;
}

.logo a:hover {
   text-decoration:none;
}

.newsflash {
   width:960px;
   height:86px;
   margin:0 0 16px;
}

.newsflash h3 {
   height:40px;
   color:#5a8ca2;
   overflow:hidden;
   line-height:25px;
   margin:0;
   padding:0;
   font-weight:700;
   text-align:center;
   text-transform:none;
   background: transparent url(../images/news_h3.png) no-repeat bottom center;
}

.newsflash table tr td {
   color:#7e7d7d;
   height:86px;
   margin:0;
   text-align:justify;
}

.newsflash p {
   margin:0;
}

.newsflash  a {
   color:#7e7d7d;
   font-weight:700;
   text-decoration:none;
}

.newsflash div.module  {
   height:86px;
   margin:0;   
   text-align:justify;
   overflow:hidden;
}

.newsflash div.module div  {
   background:none;
   padding:0;
}

.newsflash table.contentpaneopen {
   margin:0;
}

.newsflash div.module_menu div div div, .newsflash div.module div div div, .newsflash  div.module_text div div div {
   margin:0;
   padding:0;
}

#search {
   float:right;
   margin:10px 0 0 0;
}

.search {
   float:left;
   height:30px;
   width:130px;
   padding:0 0 0 10px;
   background: transparent url(../images/inputbox.png) no-repeat bottom left;
}

.search .inputbox {
   float:left;
   border: none;
   color: #7e7d7d;
   font-size:11px;
   line-height:23px;
   height:24px;
   width:95px;
   padding:6px 6px 0 0;
   background:none;
}

.search .button {
   float:left;
   text-indent:-9999;
   border:none;
   height:30px;
   width:29px;
   font-size:0;
   line-height:0;
   background: transparent url(../images/search_btn.png) no-repeat bottom right;
}

.search .button:hover {
   border:none;
}

#leftcolumn, #rightcolumn {
   float:left;
   width: 210px;
   margin:0 10px 0 0;
}

#rightcolumn {
   float: right;
   margin:0 0 0 10px;
}

div#maincolumn {
   float: left;
   width:520px;
}

div#maincolumn_left, div#maincolumn_right {
   float: left;
   width:740px;
   padding:6px 0 0 0;
}   

div#maincolumn_full {
   padding:0 20px 10px;
   width:1000px;
}
   
div.nopad {
   overflow: hidden;
}

div.nopad ul {
   clear: both;
}

td.middle_pad {
   width: 20px;
}

#footer {
   width:940px;
   height:30px;
   line-height:29px;
   text-align:center;
   color: #7e7d7d;
   padding:0 10px;
   margin:0 auto 30px;
   overflow:hidden;
   background: transparent url(../images/footer.png) no-repeat bottom center;
}

#footer a {
   color: #7e7d7d;
   font-weight:400;
   text-decoration: none;
}


#footer a:hover {
   text-decoration:underline;
}

a.footer123:link, a.footer123:visited {
   color: #363e4e;
   font-family: Tahoma, Arial, sans-serif;
   text-decoration: underline;
}

#f123 {
   text-align: right;
   width: 100%;
   margin: 0 auto;
   font-family: Tahoma, Arial, sans-serif;
}
.f123 {
   text-align: right;
   font-family: Tahoma, Arial, sans-serif;
   text-decoration: none;
}
.f123_bg {
   background:url(../images/123_bg.png);
   width:134px;
   height:30px;
   text-align:center;
   padding: 0 3px;
}
.f123_1 {
   display: block;
   font-size: 10px;
   font-family: Tahoma, Arial, sans-serif;
   color: #666;
   text-align: left;
   padding: 0 0 2px 4px;
}

a.link_123:link, a.link_123:visited {
   font-size: 15px;
   font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
   color: #797979;
   text-decoration:none;
   font-weight: 700;
}
a.link_123:hover {
   font-size: 15px;
   font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
   color: #797979;
   text-decoration:none;
   font-weight: 700;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
   background: #fffebb;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   font-size: 1.2em;
   padding: 5px;
}

/* headers */
div.componentheading {
   height: 22px;
   margin:0;
   color: #666;
}

table.blog {
   
}

h1 {
   padding: 0;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 1.3em;
   line-height:19px;
   font-weight: 700;
   vertical-align: bottom;
   color: #000;
   text-align: left;
   width: 100%;
}

h2, .contentheading {
   padding: 0;
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 11px;
   vertical-align: middle;
   color: #5a8ca2;
   text-align: left;
   font-weight: 700;
}

h2, a.contentheading {
   background: none;
   border: none;
   margin:6px 0;
}

table.contentpaneopen h3 {
   margin-top: 25px;
   color:#585858;
}

h4 {
   font-family: Tahoma, Arial, sans-serif;
   color: #333;
}

h3, .componentheading, table.moduletable th, legend {
   margin:6px 0;
   font-family: Tahoma, Arial, sans-serif;
   font-size: 11px;
   font-weight:700;
   text-align: left;
   text-transform:uppercase;
   color: #333;
   padding: 0;
}
/* small text */
.small {
   font-size: 10px;
   color: #666666;
   font-weight: 700;
   text-align: left;
}

.modifydate {
   height: 20px;
   vertical-align: bottom;
   font-size: 10px;
   color: #666666;
   text-align: right;
}

.createdate {
   vertical-align: top;
   font-size: 11px;
   color: #555;
   padding-bottom: 8px;
}

a.readon {
   float: right;
   line-height: normal;
   font-size: 11px;
   padding: 0 0 0 14px;
   color: #666666;
   text-transform: lowercase;
   text-decoration: none;
}

a.readon:hover {
   text-decoration: underline;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
   background-color: #f1f1f1;
   color: #333;
}

.ol-background {
   background-color: #f1f1f1;
   color: #333;
}

.ol-textfont {
   font-family: Tahoma, Arial, sans-serif;
   font-size: 10px;
}

.ol-captionfont {
   font-family: Tahoma, Arial, sans-serif;
   font-size: 12px;
   color: #fbfbfb;
   font-weight: 700;
}
.ol-captionfont a {
   background-color: #f1f1f1;
   color: #333;
   text-decoration: none;
   font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
   padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
   display: block;
   height: 20px;
}

.article_column {

}

.column_separator {
   
}

td.buttonheading {
   text-align: right;
   width: 0;
}

.clr {
   clear: both;
   font-size:0;
}

table.blog span.article_separator {
   display: block;
   height: 20px;
}



/* table of contents */
table.contenttoc {
  margin: 5px;
  padding: 5px;
  background: none;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  color: #999;
  font-weight: 700;
  padding: 4px;
}

tr.sectiontableentry1 td {
   padding: 4px;
}

tr.sectiontableentry1 {
   background:#CEEAFB;
}
 
tr.sectiontableentry0 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
  font-size: 11px;
}


/* content styles */
.contentpaneopen, table.contentpane {
   margin: 0;
   padding: 0;
}

table.contentpane td{
   text-align: left;
}

table.contentpane td.contentdescription {
   width: 100%;
}

table.contentpane  {
   text-align: left;
   float: left;
   width: 100%;
}

table.contentpane ul li a .category {
   color: #BDF;
}

table.contentpane ul li {
   color: #666;
}

table.contentpaneopen {
   border-collapse: collapse;
   padding: 0;
   margin:0 6px;
}

table.contentpaneopen li {
   margin-bottom: 5px;
}

table.contentpaneopen fieldset {
   border: 0;
   border-top: 1px solid #BADAF3;
}

table.contentpaneopen h3 {
   margin-top: 25px;
}

table.contentpaneopen h4 {
   font-family: Tahoma, Arial, sans-serif;
   color: #363e4e;
}

.highlight {
   background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
   margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu, div.module, div.module_text{
   margin:0 0 20px 0;
   padding: 0;
}

div.module_menu div, div.module div, div.module_text div {
   margin:0;
}

div.module_menu div div,div.module div div,div.module_text div div {
   text-align: center;
}

div.module_menu div div,div.module div div,div.module_text div div {
   
}

#leftcolumn div.module_menu div div div,#leftcolumn div.module div div div,#leftcolumn div.module_text div div div {
   margin:0;
   padding:0 0 30px 0;
   background: transparent url(../images/box_b.png) no-repeat bottom right;
}

#rightcolumn div.module_menu div div div,#rightcolumn div.module div div div,#rightcolumn div.module_text div div div {
   margin:0;
   padding:0 0 30px 0;
   background: transparent url(../images/box_b_r.png) no-repeat bottom left;
}

div.module div div div div {
   width: 160px;
   color:#3e3d3d;
}

#leftcolumn div.module_menu div div div div,#leftcolumn div.module div div div div,#leftcolumn div.module_text div div div div,
#rightcolumn div.module_menu div div div div,#rightcolumn div.module div div div div,#rightcolumn div.module_text div div div div {
   background: none;
   margin:0 auto;
   padding:0;
   color:#3e3d3d;
}

#leftcolumn div.module_text div div div div, #rightcolumn div.module_text div div div div {
   text-align: left;
}

#leftcolumn div.module_text div div div div.bannergroup_text,#rightcolumn div.module_text div div div div.bannergroup_text {
   padding: 10px 10px 10px 20px;
   width: 174px;
}

#leftcolumn div.module_text div div div div.bannergroup_text div,#rightcolumn div.module_text div div div div.bannergroup_text div {
   color:#3e3d3d;
   width: auto;
   padding: 0 0 4px;
}

div.module div div div form {
   margin:0 auto;
   padding:0 0 6px 20px;
   text-align:left;
   width:180px;
}

div.module_menu ul {
   list-style: none;
   padding: 0;
}

div.module_menu ul#mainlevel {
   margin: 0 auto;
   text-align: center;
}

div.module_menu ul li{
   margin: 0;
   padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
   font-weight: 700;
   padding: 2px 0;
   line-height: 24px;
   color:#999;
   background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
}

#leftcolumn div.module table ,#rightcolumn div.module table {
   padding: 0 0 6px 0;
   background:none;
}

#leftcolumn div.module table td ,#rightcolumn div.module table td {
   margin:0;
   padding: 0 6px 0 0;
   height:20px;
   color:#3e3d3d;
   text-align:left;
   line-height:13px;
   vertical-align: middle;
}

#leftcolumn div.module table.poll {

}

#leftcolumn div.module table.poll td {
   text-align: left;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {    
   width:190px;
   margin:0 0 4px;
   height:36px;
   line-height:28px;
   padding:0 10px;
   font-size: 11px;
   color: #fff;
   text-align: left;
   text-transform: none;
   font-weight: 700;
   overflow:hidden;
   background: transparent url(../images/box_h3.png) no-repeat top left;
}

.moduletable_menu, .moduletable, .moduletable_text {
   margin: 0 0 16px 0;
   padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
   list-style: none;
   text-align: left;
   margin:0;
   padding:6px 0 0 0;
}

/*LEFT COL LINK*/

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
   display:block;
   font-weight: 700;
   font-size: 12px;
   font-family:Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
   line-height: 15px;
   padding:0 0 12px;
   margin:0;
   text-decoration: none;
   color: #999;
   background: transparent url(../images/menu_lines.gif) no-repeat right bottom;
}

#leftcolumn ul.menu li a span {
   padding:0 0 0 20px;
   background: transparent url(../images/menu_arrow.gif) no-repeat left top;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
   color: #144B78;
}

/*LEFT COL CURRENT LINK*/

#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
   color: #144B78;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
   display:block;
   color: #144B78;
}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li {
   background:none;
}

#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,
#rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link {
   font-weight: 400;
   text-decoration: none;
   color: #999;
   line-height:24px;
   padding:0;
   background: none;
}

#leftcolumn ul.menu li#current ul li a span,
#rightcolumn ul.menu li#current ul li a span {
   background: none;
}

#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover {
   color: #144B78;
   background: none;
}

#leftcolumn ul.menu li ul li#current, #rightcolumn ul.menu li ul li#current {
}

#leftcolumn ul.menu li.parent ul li, #rightcolumn ul.menu li.parent ul li {
}

#leftcolumn ul.menu li.parent ul li a,
#rightcolumn ul.menu li.parent ul li a {
   line-height:24px;
   font-size: 11px;
   font-weight: 400;
   text-decoration: none;
   color: #999;
   padding:0;
   background: none;
}

#leftcolumn ul.menu li.parent ul li a span {
   background: none;
}

#leftcolumn ul.menu li.parent ul li a:hover {
   color: #144B78;
   background: none;
}

/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
   margin: 0;
   padding: 0;
}

#leftcolumn ul.menu li#current ul li {
   margin: 0;
   padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
   margin: 0;
   padding: 0;
}


#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
   list-style: none;
   margin:0;
}


/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
   margin: 6px 0;
   padding: 0;
   list-style: none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
   margin: 0;
   padding: 0 2px;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

form#form-login fieldset {
   border: 0 none;
   padding: 0;
   margin:0;
   color:3e3d3d;
   text-align: left;
}

form#form-login ul {
   padding: 0;
   list-style: none;
   text-align: left;
   margin: 10px auto 0;
}

form#form-login ul li {
   padding: 0;
}

form#form-login ul li a {
   text-align: left;
   padding: 0;
   font-size: 11px;
   color: 3e3d3d;
   text-decoration: none;
}

form#form-login ul li a:hover {
   text-decoration: underline;
}

#form-login   input {
   border:none;
   color:#7e7d7d;
   font-size:11px;
   height:14px;
   line-height:14px;
   padding:2px 4px;
   background:#f2f2f2;
}

input#modlgn_passwd, input#modlgn_username {
   width:142px;
}

input.button, #form-login input.button {
   height:20px;
   border:none;
   font-weight:700;
   line-height:17px;
   color:#fff;
   padding:1px 6px 4px;
   margin:0;
   background:transparent url(../images/but.gif) repeat-x top left;
}

input.button:hover, #form-login input.button:hover {
   color:#144B78;
}

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #333; text-align: center; }

/* Parameter Table */
table.paramlist {
   margin-top: 5px;
}

table.paramlist td.paramlist_key {
   width: 128px;
   text-align: left;
   height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
   font-family: Tahoma, Arial, sans-serif;
   font-weight: 700;
   font-size : 14px;
   color : #c30;
   text-align: center;
   width: auto;
   background-color: #f9f9f9;
   border: solid 1px #d5d5d5;
   margin: 3px 0px 10px;
   padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
   padding: 4px;
   font-size: 11px;
}

.banneritem_text a {
   font-weight:700;
   color:#144B78;
}

.bannerfooter_text {
   padding: 4px;
   font-size: 11px;
   text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
   text-align: left;
}

/* Frontend Editing*/
fieldset {
   border: 1px solid #ccc;
   margin-top: 15px;
   padding: 4px;
}

legend {
   margin: 0;
   padding: 0 10px;
}

td.key {
   border-bottom:1px solid #eee;
   color: #333;
}

/* Tooltips */
.tool-tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 200px;
}

.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: 700;
   margin-top: -15px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
   font-size: 100%;
   margin: 0;
}

/* System Standard Messages */
#system-message dd.message ul {
   padding: 0;
   margin: 0;
   background: none;
   border: none;
}

/* System Error Messages */
#system-message dd.error ul {
   color: #c00;
   background: none;
   border: none;
   padding: 0;
   margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul {
   color: #c00;
   background: none;
   border: none;
   padding: 0;
   margin: 0;
}

#system-message dd {
   text-indent: 0;
}

#system-message dd ul {
   list-style-type: none;
   color: #c00;
   background: none;
   border: none;
}

#system-message {
   margin-top: 5px;
}


Editor CSS

Code: Tout sélectionner
body {
   background: #fff;
   font-family: Tahoma,Helvetica,Arial,sans-serif;
   line-height: 1.3em;
   font-size: 76%;
   color: #333;
}

h1 {
   font-family:Helvetica ,Arial,sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #666;
}

h2 {
   font-family: Arial, Helvetica,sans-serif;
   font-size: 14px;;
   font-weight: normal;
   color: #333;
}

h3 {
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 13px;
  color: #135cae;
}

h4 {
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   color: #333;
}

a:link, a:visited {
   color: #1B57B1; text-decoration: none;
   font-weight: normal;
}

a:hover {
   color: #00c;   text-decoration: underline;
   font-weight: normal;
}

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }



Normalement, j' avais déjà viré tout le vert sur le template CSS, mais là je sèche  :meuh:  :meuh:

Publicité


Avatar de l’utilisateur



Responsable des supporters

Messages: 1634
Age: 34 ans
Inscription: 14/03/2010
Localisation: Alsace
Message Perso:
-- Si une demande de support me parvient par MP je ne la lirai pas et elle atterrira direct à la corbeille sans que l'auteur en soit averti --
MessagePosté: Mer 21 Avr 2010 13:00
Salut Léa,

Regarde voir du côté de la classe suivante

Code: Tout sélectionner
#page_bg {
   background: #fff url(../images/page_bg.png) repeat-x top left;
}

Avatar de l’utilisateur



Administratrice

Messages: 6257
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Mer 21 Avr 2010 13:17
:euh:  exacte, c' était bien cette image .Elle était si petite que j' avais pas vu le vert   :meuh:  :meuh:

Merci Steph  :kiss1:

Bon autre colle , mais ça n' urge pas, et  même si je ne peux pas modifier, ce n' est pas grave.

* le bouton recherche .
Il s' affiche comme ceci

Image

Le soucis, c' est qu'il manque un truc car ds le css, il y a ceci :

Code: Tout sélectionner
#search {
   float:right;
   margin:10px 0 0 0;
}

.search {
   float:left;
   height:30px;
   width:130px;
   padding:0 0 0 10px;
   background: transparent url(../images/inputbox.png) no-repeat bottom left;
}

.search .inputbox {
   float:left;
   border: none;
   color: #7e7d7d;
   font-size:11px;
   line-height:23px;
   height:24px;
   width:95px;
   padding:6px 6px 0 0;
   background:none;
}

.search .button {
   float:left;
   text-indent:-9999;
   border:none;
   height:30px;
   width:29px;
   font-size:0;
   line-height:0;
   background: transparent url(../images/search_btn.png) no-repeat bottom right;
}

.search .button:hover {
   border:none;
}


Dans le dossier image, j' ai bien l' image pour les recherches, mais elle n' apparait pas   :mouh:

Avatar de l’utilisateur



Responsable des supporters

Messages: 1634
Age: 34 ans
Inscription: 14/03/2010
Localisation: Alsace
Message Perso:
-- Si une demande de support me parvient par MP je ne la lirai pas et elle atterrira direct à la corbeille sans que l'auteur en soit averti --
MessagePosté: Mer 21 Avr 2010 13:37
Il devrais s'afficher comment ?

Avatar de l’utilisateur



Administratrice

Messages: 6257
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Mer 21 Avr 2010 14:11
Je sais pas justement  :fii:

Dans le dossier image,j' ai ça  Image qui est l' image search_btn.png mais ça n' apparait pas  :mouh:

De plus, si je mets le module de recherche dans la colonne de droite ( comme il était avant ) ; et bien, il se met n' importe ou et je n' ai pas de bouton nominatif au-dessus comme ici dans la colonne de droite http://www.graph-design.com/Menu/
Cela devrait donner un bouton gris avec le mot "recherche" dessus, comme pour le bouton "sondage"  hmmmm

Avatar de l’utilisateur



Administratrice

Messages: 6257
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Mer 21 Avr 2010 14:22
Voilà l' original  http://joomla15.siteground.com/?template=siteground-j15-144

Tu vois, le bouton recherche est bien complet  hmmmm

Avatar de l’utilisateur



Responsable des supporters

Messages: 1634
Age: 34 ans
Inscription: 14/03/2010
Localisation: Alsace
Message Perso:
-- Si une demande de support me parvient par MP je ne la lirai pas et elle atterrira direct à la corbeille sans que l'auteur en soit averti --
MessagePosté: Mer 21 Avr 2010 14:31
et l'image est bien sur le serveur ?

Avatar de l’utilisateur



Administratrice

Messages: 6257
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Mer 21 Avr 2010 14:36
Oui oui, j' ai revérifié.

Avatar de l’utilisateur



Responsable des supporters

Messages: 1634
Age: 34 ans
Inscription: 14/03/2010
Localisation: Alsace
Message Perso:
-- Si une demande de support me parvient par MP je ne la lirai pas et elle atterrira direct à la corbeille sans que l'auteur en soit averti --
MessagePosté: Mer 21 Avr 2010 15:04
Bizarre pour moi au niveau css c'est bon.

Essai de mettre l'url direct !

Avatar de l’utilisateur



Administratrice

Messages: 6257
Age: 37 ans
Inscription: 19/01/2010
Localisation: France
Logiciels:
PSP12 et 13
Photoshop CS3 et CS4
Flash 8, CS3 et CS4
Dreamweaver CS4
Cinema 4D
Illustrator CS3
Camtasia Studio
etc...
Message Perso:
Pour toute question, le forum est là pour ça .
MessagePosté: Mer 21 Avr 2010 16:15
Même chose avec l' url direct.
Bon, ce n' est pas grave, au pire, je le vire  :ange:
Suivante

Retourner vers Support général

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Référencement gratuit • Forum informatique • Annuaire généraliste • Inforumatique • Hébergement d'images • Geekeden • Forum de services phpbb • Hébergeur web • Forum InfoPc
blog de création graphique, PAO et retouche photo • KazMag • Artkabis