Bonjour tout le monde. Mon probleme est du a un manque de connaissance en html/css.
Primo: J aimerai dams le theme bm-glass rajouter une banniere. Que doije rajouter dans mon fichier theme.html, et ou??
voici le debut du fichier theme.html :
Citation :<!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="<{$xoops_langcode}>" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<meta http-equiv="content-Style-type" content="text/css" />
<meta http-equiv="Content-Script-type" content="text/javascript" />
<meta http-equiv="content-language" content="<{$xoops_langcode}>" />
<meta name="robots" content="<{$xoops_meta_robots}>" />
<meta name="keywords" content="<{$xoops_meta_keywords}>" />
<meta name="description" content="<{$xoops_meta_description}>" />
<meta name="rating" content="<{$xoops_meta_rating}>" />
<meta name="author" content="<{$xoops_meta_author}>" />
<meta name="copyright" content="<{$xoops_meta_copyright}>" />
<meta name="generator" content="XOOPS" />
<title><{$xoops_sitename}> - <{$xoops_pagetitle}></title>
<link rel="shortcut icon" href="<{$xoops_url}>/favicon.ico" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/xoops.css" />
<link rel="stylesheet" type="text/css" media="all" href="<{$xoops_url}>/themes/<{$xoops_theme}>/common/css/style.css" />
<!-- RMV: added module header -->
<{$xoops_module_header}>
<script type="text/javascript">
<!--
<{$xoops_js}>
//-->
</script>
</head>
<body>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/ol.gif" alt="" /></td>
<td class="oo"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/spacer.gif" width="1" height="27" /></td>
<td width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/or.gif" alt="" /></td>
</tr>
<tr>
<td class="ll" width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/spacer.gif" width="27" height="1" /></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr id="header">
<td id="headerlogo"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/logo.gif" alt="BLUE MIRAGE" /><!--<div id="headername"><{$xoops_sitename}></div>--></td>
<td id="headerbanner" align="right"><!--<{$xoops_banner}>--></td>
</tr>
</table>
</td>
<td class="rr" width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/spacer.gif" width="27" height="1" /></td>
</tr>
<tr>
<td width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/ul.gif" alt="" /></td>
<td class="uu"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/spacer.gif" width="1" height="28" /></td>
<td width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/ur.gif" alt="" /></td>
</tr>
</table>
<table width="760" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/ol.gif" alt="" /></td>
<td class="oo"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/spacer.gif" width="1" height="27" /></td>
<td width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/or.gif" alt="" /></td>
</tr>
<tr>
<td class="ll" width="27"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/spacer.gif" width="27" height="1" /></td>
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<form action="<{$xoops_url}>/search.php" method="post">
<td id="headerbanner" align="right"><input type="hidden" name="action" value="results" /><input type="text" name="query" id="searchButton"/><input type="submit" name="searchSubmit" value="search" /></td>
</form>
</tr>
</table>
<table class="blockcolor" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td id="leftcolumn"><img src="<{$xoops_url}>/themes/<{$xoops_theme}>/common/imgs/spacer.gif" width="1" height="5" /><br />
<!-- Start left blocks loop -->
<{foreach item=block from=$xoops_lblocks}>
<{include file="bm-glass/theme_blockleft.html"}>
<{/foreach}>
Deuxio:
Dans ce meme theme, a chaques clic sur un lien ( du menu, ou dans une page quelconque), la couleur change car le lien a ete active ( du genre, a l origine, le lien ai bleu, et si on clic dessu, il devien rouge et reste ainsi pour l eternite... snif). Que puisje faire pour garder le lien de la meme couleur avant et apres qu' on clic dessu???
voici le fichier style.css :
Citation :
/* Base Styles */
/* This controls the default settings on a page */
body { color: #666; background-color: #fff; margin: 0px; padding: 0px; border: 0px }
/* The default settings for ALL tables on a site, unless explicity defined for a particular table */
table { margin: 0px; padding: 0px; width: 100% }
table td { font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; vertical-align: top; padding: 0px; border: 0px }
/* This controls the default link settings & link mouseover/hover settings */
a:link { color: #000; text-decoration: none }
a:visited { color: #999; text-decoration: none }
a:hover { color: #ccc; text-decoration: none }
a:active { color: #ccc; text-decoration: none }
/* Controls HTML tags for headings #1-5, unordered list and items in the list */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
li { color: #696969; font-size: 10px; line-height: 14px; list-style-type: square; list-style-position: inside; margin-left: 2px }
ul { font-size: 10px; line-height: 14px; text-align: left; list-style-type: decimal; list-style-position: inside; margin: 2px; padding: 2px }
/* Selector for a form button */
input.formButton { color: #666; background-color: #fff; border: double 3px #696969 }
/* News */
/* The following appear to primarily apply to the NEWS stories, */
/* though they may be found in other areas as well */
/*
BEGIN NEWS SECTION DEALING PRIMARILY WITH NEWS
*/
/* The border around news stories */
.item { border: solid 1px #f5f5f5 }
/* The BG color for the cell for news story titles */
.itemHead { color: #666; background-color: #f5f5f5; padding: 3px }
/* The BG color for the area right under a news title (post by so-and-so) */
.itemInfo { background-color: #efefef; text-align: right; padding: 3px }
/* The text in the story title EXCEPT the colon between the topic and the title */
.itemTitle a { color: #666; font-variant: small-caps; font-size: 130%; background-color: transparent }
/* The text "posted by" just preceding the posters name */
.itemPoster { font-style: italic; font-size: 90% }
/* The text On $date $time immediately after the posters name */
.itemPostDate { font-style: italic; font-size: 90% }
/* The xx # reads for a story, but NOT the parenthesis surrounding the total */
.itemStats { font-style: italic; font-size: 90% }
/* The text of the story itself */
.itemBody { padding-left: 5px }
/* XOOPS DEVELOPER HELP NEEDED - This seems to be the same as .itemBody above. What is the difference??? */
.itemText { line-height: 1.5em; margin: 5px 0px }
/* Makes the first letter in a story bold */
.itemText:first-letter { font-size: 133% }
/* The foooter of a new story (read more, etc.) */
.itemFoot { background-color: #efefef; text-align: right; padding: 3px }
/* The [edit | delete] section of a news footer */
.itemAdminLink { font-size: 90% }
/* The | xx# bytes more | section of the news footer */
.itemPermaLink { font-size: 90% }
/*
END SECTION DEALING PRIMARILY WITH NEWS
*/
/* Controls the settings for a table header */
th { color: #000; font-size: 11px; line-height: 14px; font-family: sans-serif; text-align: center; vertical-align: middle; padding: 2px; border: solid 1px #696969 }
/* Page Header */
#header { margin: 0px; padding: 0px }
td#headerlogo { color: #666; font-size: 24px; vertical-align: middle; padding: 0px 5px 5px 0px }
/* The area at the top of the page where the logo and advertising banner are */
td#headerbanner { text-align: right; vertical-align: middle; padding: 0px 0px 0px 5px }
/* The whitish-grey bar on the default install right underneath the top section/header */
td#headerbar { text-align: right; vertical-align: middle; padding: 0px; border-style: none none solid none; border-width: 0px 0px 1px 0px; border-color: #ddd }
/*
BEGIN SECTION DEALING WITH THE THREE COLUMNS
*/
/* Left Blocks */
/* controls the settings for blocks on the LEFT side of the page */
td#leftcolumn { padding-right: 2px; width: 150px }
/* controls the settings for the table headers on the left column */
td#leftcolumn th { }
/* controls the settings for the block titles on the left column */
td#leftcolumn div.blockTitle { width: 140px }
/* controls the settings for the blocks' content on the left column */
td#leftcolumn div.blockContent { padding: 5px; width: 140px }
/* Center Blocks */
/* controls the settings for block in the CENTER section of the page */
td#centercolumn { font-size: 11px; line-height: 16px }
/* controls the settings for the table headers on the center column */
td#centercolumn th { }
/* Controls the settings for "center-aligned CENTER blocks" on the page */
td#centerCcolumn { padding: 0px 3px 1px }
/* The title for center center blocks */
td#centerCcolumn legend.blockTitle { margin: 0px; padding: 2px 10px 2px 5px; border: #fff }
/* The content for center center blocks */
td#centerCcolumn div.blockContent { margin: 0px; padding: 0px; border: #fff }
/* Controls the settings for "left-aligned CENTER blocks" on the page */
td#centerLcolumn { padding: 0px 3px 0px 0px; width: 50% }
/* The title for left-aligned center blocks*/
td#centerLcolumn legend.blockTitle { margin: 0px; padding: 2px 10px 2px 5px; border: #fff }
/* The content for left-aligned center blocks */
td#centerLcolumn div.blockContent { margin: 0px; padding: 0px; border: #fff }
/* Controls the settings for "right-aligned CENTER blocks on the page */
td#centerRcolumn { padding: 0px 3px 0px 0px; width: 50% }
/* The title for right-aligned center blocks */
td#centerRcolumn legend.blockTitle { margin: 0px; padding: 2px 10px 2px 5px; border: #fff }
/* The content area for left-aligned center blocks */
td#centerRcolumn div.blockContent { margin: 0px; padding: 0px; border: #fff }
/* Controls everything defined as content. for example in news it controls: */
/* The article text, posted by, date, time & number of reads Including the parenthesis */
/* the [ | ] brackets around the admin edit section and also the disclaimer: "the comments are */
/* owned by the poster. We aren't responsible for their content" on the bottom of a news comments page */
/* also a ton of text on the forum page...probably a ton of stuff everywhere...be careful with this one */
div#content { text-align: left; padding: 8px }
/* Right Blocks */
/* settings for blocks in teh RIGHT column on a page*/
td#rightcolumn { padding-left: 2px; width: 140px }
/* Controls the table headers for the right columns.*/
td#rightcolumn th { }
/* Controls the right column blocks' titles */
td#rightcolumn div.blockTitle { width: 140px }
/* Controls the right column blocks' content area */
td#rightcolumn div.blockContent { padding: 5px; width: 140px }
/* END SECTION DEALING WITH THREE COLUMNS */
/* Page Footer */
/* settings for the footerbar where the xoops copyright notice is */
tr#footerbar { }
td#copyright { font-size: 9px; text-align: center; vertical-align: middle; height: 23px }
/* Blocks Mainmenu */
/* settings for the Main Menu */
td#mainmenu a { margin: 1px; padding: 1px 1px 1px 10px; border: solid 1px #fff; width: 120px }
/* What happens on a mouse hover on the main menu */
td#mainmenu a:hover { border: solid 1px #808080 }
/* The top cell on the main menu (typically HOME). This way you can give the top cell a different border or */
/* other appearance. Useful for drawing a box around the entire menu, for instance. */
td#mainmenu a.menuTop { }
/* The remaining entries in the main menu other than the top most defined one line above */
td#mainmenu a.menuMain { }
/* The settings for submenu items that open when u are in a particular module. For example */
/* "Submit news" and "Archives" when you are on the news module */
td#mainmenu a.menuSub { padding-left: 5px; width: 115px }
/* Blocks Usermenu */
/* settings for the User Menu */
td#usermenu a { margin: 1px; padding: 1px 1px 1px 10px; border: solid 1px #fff; width: 120px }
/* What happens on a mouse hover on the user menu */
td#usermenu a:hover { border: solid 1px #808080 }
/* The top most entry on the user menu */
td#usermenu a.menuTop { }
/* The settings for when a user has a private message */
td#usermenu a.highlight { background-color: #fcc }
/* Styles used to draw homogeneous tables */
/* Described in a seperate page in the xoops.org wiki */
.outer { margin: 0px; padding: 0px; border: solid 1px #dcdcdc }
.head { background-color: #f5f5f5; padding: 2px }
.even { padding: 2px; border: solid 1px #f5f5f5 }
.odd { padding: 2px; border: solid 1px #f5f5f5 }
.foot { background-color: #f5f5f5; text-align: center; padding: 2px; border: solid 1px #f0f8ff }
tr.even td { padding: 2px }
tr.odd td { padding: 2px }
td.nw { white-space: nowrap }
/* NOT INCLUDED IN DEFAULT */
/* customization to add special color to forum title head. requires editing newbb_index.html template as well */
.outerhead{}
.outerhead a { color: #666 }
.outerhead a:hover{}
/* NOT SURE Special system messages MAYBE */
/* I leave the defaults */
div.errorMsg { background-color: #fcc; text-align: center; padding: 10px; border-style: solid; border-width: 1px; border-color: #ddf #aaa #aaa #ddf }
div.confirmMsg { color: #f5f5f5; background-color: #ddffdf; text-align: center; padding: 10px; border-style: solid; border-width: 1px; border-color: #ddf #aaa #aaa #ddf }
div.resultMsg { color: #333; background-color: #f5f5f5; text-align: center; padding: 10px; border-style: solid; border-width: 1px; border-color: #c0c0c0 #666 #666 #c0c0c0 }
/* Settings for when you insert code in a forum post */
div.xoopsCode { font-family: "Courier New", Courier, monospace; background-color: #f8f8ff; padding: 0px 6px 6px; border: inset 1px #000080 }
/* Settings for when you quote during a forum post */
div.xoopsQuote { font-family: "Courier New", Courier, monospace; background-color: #f8f8ff; padding: 0px 6px 6px; border: inset 1px #000080 }
/* Styles for the commenting system */
.comTitle { margin-bottom: 2px }
.comText { padding: 2px }
.comUserStat { color: #66608b; font-size: 10px; background-color: #fff; margin: 2px; padding: 2px; border: solid 1px #c0c0c0 }
.comUserStatCaption { }
.comUserStatus { color: #66608b; font-size: 10px; margin-top: 10px; margin-left: 2px }
.comUserRank { margin: 2px }
.comUserRankText { font-size: 10px }
.comUserRankImg { border: 0px }
.comUserName {}
.comUserImg { margin: 2px }
.comDate { font-style: italic; font-size: 10px }
.comDateCaption { font-style: normal }
/* Styles for the original */
input { color: #666; font-size: 11px; line-height: 14px; background-color: #fff; margin: 1px; border: solid 1px #dcdcdc }
input.w1 { vertical-align: middle; width: 130px }
input.w2 { vertical-align: middle; width: 85px }
input.w3 { vertical-align: middle; width: 75px }
select { color: #666; font-size: 11px; line-height: 14px; background-color: #fff; margin: 1px; border: solid 1px #dcdcdc }
textarea { color: #666; font-size: 11px; line-height: 14px; background-color: #fff; margin: 1px; border: solid 1px #dcdcdc; width: 300px }
img { border: 0px }
fieldset { border: solid 1px #dcdcdc }
table.w { width: auto; margin-left: 2px; margin-right: 2px }
table.blockcolor1 { background-color: #696969; margin: 0px; padding: 0px; width: 100% }
table.blockcolor2 { margin-left: 4px; width: 99%; border: solid 1px #696969 }
.blockcolor3 { margin: 0px; padding: 0px; border: solid 1px #dcdcdc }
table.outer3 { padding: 5px; border: double 4px #f5f5f5; width: auto }
table.outer4 { padding: 5px; border: solid 1px #f5f5f5; width: auto }
.oo { background-image: url(../imgs/oo.gif) }
.uu { background-image: url(../imgs/uu.gif) }
.ll { background-image: url(../imgs/ll.gif) }
.rr { background-image: url(../imgs/rr.gif) }
/* Blocks */
.blockTitle { color: #696969; font-weight: bold; font-size: 11px; line-height: 14px; vertical-align: middle; margin: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc }
.blockContent { border-style: double solid solid solid; border-width: 3px 1px 1px 1px; border-color: #dcdcdc }
.item { }
.itemAdminLink { }
.itemBody { }
.itemFoot { }
.itemHead { }
.itemInfo { }
.itemPermaLink { }
.itemPoster { }
.itemPostDate { }
.itemStats { }
.itemText { }
.itemText:first-letter { }
.itemTitle a { }
merci pour votre aide