Css en HTML?

Fermé
MsSandalphon Messages postés 1 Date d'inscription mercredi 16 décembre 2009 Statut Membre Dernière intervention 16 décembre 2009 - 16 déc. 2009 à 20:22
 MsSandalphon - 19 déc. 2009 à 16:54
Bonjour,

Voilà en fait je débarque un peu dans le monde du langage HTML et CSS et j'ai besoin d'aide! Y_Y
Je ne vais pas avoir le temps malheureusement de bûcher sur ces deux langages, parce qu'il faut que je fasse cela rapidement:

Pour un anniversaire, on a proposé de faire un blog avec des photos souvenirs etc... . On m'a donné une feuille de style Css, le site de l'hébergeur du blog....mais le soucis c'est qu'apparemment il faut faire un truc avec "HTML" et j'ai pas compris! xD je ne peux même pas demander à la personne m'ayant fournis le Css, n'étant pour le moment pas disponible! ^^'

Alors voilà je vous montre:

donc la feuille de style:

@charset "Shift_Jis";

/*---- F001 -----*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	scrollbar-track-color: #2E2E2E;
	scrollbar-face-color: #000;
	scrollbar-shadow-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-highlight-color: #000;
	scrollbar-3dlight-color: #000;
	scrollbar-arrow-color: #887A6F;
}

	* html {
		overflow-x: hidden;
		overflow-y: auto;
	}

body {
	line-height: 1.5;
	color: #DDD;
	font-size: 65%;
	font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;
	background: #000 url('flower051_r.jpg') repeat-y fixed top left;
}

a {
	text-decoration: none;
}

a:link {
	color: #B09A89;
}

a:visited {
	color: #B09A89;
}

a:hover {
	color: #DDD;
	text-decoration: underline;
}

a:active {
	color: #DDD;
}

h1 {
	color: #887A6F;
	font-size: 140%;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
	h1 a:link {color: #887A6F;}
	h1 a:visited {color: #887A6F;}

h2 {
	font-size: 100%;
	font-weight: normal;
}

h3 {
	color: #887A6F;
	font-size: 100%;
	text-align: right;
	background: url('dot001.gif') repeat-x left bottom;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:3px
}

h4, h5, h6 {
	font-size: 100%;
}

p {
	margin: 0 0 1em 0;
}

br {
	letter-spacing: normal;
}

em {
	color: #80A0A7;
	font-style: normal;
	text-decoration: underline;
}

strong {
	color: #80A0A7;
	font-weight: bold;
}

big {
	font-size: 131%;
}

small {
	font-size: 10px;
}

ins {
	text-decoration: underline;
}

del {
	color: #666;
}

b {
	font-weight: bold;
}

i {
	font-style: oblique;
}

address, cite {
	font-style: normal;
}

code {
	font-family: monospace;
}

table {
	margin: 0 0 1em 0;
	border-collapse: collapse;
	border-spacing: 0;
	background: #211F1E;
}

th, td {
	padding: 2px 5px;
	border: 1px solid #6F645B;
}

hr {
	display: none;
}
	.line {
		margin-top: 30px;
	}

	.clears {
		clear: both;
		padding: 0 0 1em 0;
	}

img, img a {
	border: 0px none;
}

	.img_right {
		float: right;
		margin: 0 0 0 10px;
		padding: 5px;
		border: 1px solid #6F645B;
		background: #211F1E;
	}

	.img_left {
		float: left;
		margin: 0 10px 0 0;
		padding: 5px;
		border: 1px solid #6F645B;
		background: #211F1E;
	}

blockquote {
	margin: 0 0 1em 30px;
	padding: 5px;
	border: 1px solid #6F645B;
	background: #211F1E;
}

input, select, textarea {
	margin: 2px 0;
	width: 50%;
	border: 1px solid #5E5F4E;
	color: #DDD;
	font-size: 100%;
	font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;
	background: #211F1E;
}

textarea {
	width: 90%;
}

input.button {
	width: 90px;
	vertical-align: middle;
}

div#out {
	margin: 50px auto 0 0;
	padding: 0 20px 0 20px;
	width: 415px;
}

div#header {
	padding: 20px 0 0 5px;
}

div.write {
	margin: 15px 10px;
}

div.write ul, div.write ol {
	margin: 0 0 1em 15px;
}

div.write ul li {
	list-style: circle inside;
}

div.write ol li {
	list-style: decimal;
	margin: 0 0 0 20px;
}

div.write ul.parallel {
	margin: 0;
}

ul.parallel li {
	display: inline;
	list-style: none;
}

ul.parallel li img {
	margin:0 2px 3px 0;
}

dl {
	margin: 0 0 1em 0;
}

dt {	}

dd {
	margin: 0 0 5px 15px;
}

dl.parallel dt {
	width: 120px;
	line-height: 1.6;
}

dl.parallel dd {
	margin: -1.6em 0 5px 120px;
	padding: 0 0 0 15px;
}

p.info {
	height: 80px;
	overflow: auto;
	border: 0px none;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:0; padding-right:10px; padding-top:2px; padding-bottom:0
}

.deco {
	line-height: 22px;
	background: url('line001.gif') left top;
}

img.deco {
	padding: 5px;
	border: 1px solid #6F645B;
	background: #211F1E;
}

.page_navi li {
	list-style: none;
	margin: 0 20px;
	text-align: right;
}

div#menu {
	margin: 10px 1px 0 0;
}

div#menu p {
	margin: 5px 0 20px 0;
}

div#menu li {
	list-style: none;
	border-bottom: 1px solid #323232;
}

div#menu li a {
	display: block;
	padding-left: 3px;
	border-left: 3px solid #000;
	color: #CCC;
	text-decoration: none;
}

div#menu li a:hover {
	border-left: 3px solid #887A6F;
}

div#footer {
	margin: 30px auto 5px auto;
	text-align: center;
}

div#footer li {
	display: inline;
	list-style: none;
	padding-left: 10px;
}

#copy{
	position: absolute;
	bottom: 20px;
	left: 5px;
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

#entrance {
	margin: 50px auto 0 auto;
	width: 60%;
}


Et maintenant le HTML qu'il faut que je remplace:

<!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=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link href="<%css_link>" type="text/css" rel="stylesheet" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml" />
<title><%blog_name></title>
<script type="text/javascript">
function settimer(){
timer1 = setInterval("color()",1000);
timer2 = setInterval("nagarebosi()",50);
}
rr=(Math.random()*60)
gr=(Math.random()*60)
br=(Math.random()*60)
var linkTag=document.getElementsByTagName("link");
var z=0;
function color(){
var now = new Date();
var yr  = now.getYear();
var mn  = now.getMonth() + 1;
var dt  = now.getDate();
var fyr = (yr < 1900) ? 1900 + yr : yr;
var hou = now.getHours();
var min = now.getMinutes();
var sec = now.getSeconds();
var i= min*60+sec;
var rm=i*rr;
var gm=i*gr;
var bm=i*br;
var r1=224+Math.floor(32*Math.sin(rm/500));
var g1=224+Math.floor(32*Math.sin(gm/500));
var b1=224+Math.floor(32*Math.sin(bm/500));
var r2=96+Math.floor(16*Math.sin(rm/500));
var g2=96+Math.floor(16*Math.sin(gm/500));
var b2=96+Math.floor(16*Math.sin(bm/500));
document.body.style.color = "RGB("+ r1+"," + g1 + "," + b1+")";
document.getElementById("all").style.backgroundColor = "RGB(" + r1+ "," + g1+ "," + b1 + ")";
document.getElementById("time").style.color = "RGB(" + r2 + "," + g2 + "," + b2 + ")";
if(mn < 10) { mn = "0" + mn; }
if(dt < 10) { dt = "0" + dt; }
if(hou < 10) { hou = "0" + hou; }
if(min < 10) { min = "0" + min; }
if(sec < 10) { sec = "0" + sec; }
document.getElementById("day").innerHTML = fyr + "/" + mn + "/" + dt;
document.getElementById("time").innerHTML = hou + ":" + min + "<br /><span style='font-size: 65px;'>" + sec +"</span>";
}
function nagarebosi(){
var x=Math.floor(Math.random()*780);
var y=Math.floor(Math.random()*320);
var t=Math.floor(Math.random()*30);
var p=z%5+1;
if(t==0){
var imgTag= document.createElement("img");
imgTag.setAttribute("src", "http://blog-imgs-35.fc2.com/n/k/1/nk1616/nagarebosi"+p+".gif");
imgTag.setAttribute("alt", "&#26143;");
imgTag.setAttribute("id", "star"+z);
document.getElementById("all").appendChild(imgTag); 
var cssText="#star"+ z + "{ position:absolute; z-index:2; top:"+y+"px; left:"+x+"px;}";
linkTag.item(0).sheet.insertRule(cssText, 1);
z++;
if(z>=10){
var d=z-10;
var deleteTag=document.getElementById("star"+d);
document.getElementById("all").removeChild(deleteTag);
linkTag.item(0).sheet.deleteRule(10);
}
}
else{
}
}
</script>
</head>

<body onload="settimer()">
<!--[if lte IE 6]>  
<script type="text/javascript" src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/DD_belatedPNG.js"></script>  
<script type="text/javascript">  
DD_belatedPNG.fix('#top, #watch, #calender2, #all, #main-side, #container, .kiji, #comment, .plugin, #foot, .transparent');  
</script>  
 <![endif]-->  
<!--
&#9472;&#9472;&#12502;&#12525;&#12464;&#12467;&#12531;&#12486;&#12531;&#12484;&#12398;&#21253;&#25324;&#37096;&#20998;(div#all)&#9472;&#9472;
 &#9472;&#9472;&#12502;&#12525;&#12464;&#19978;&#37096;(div#top)&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;
&#65372;                          &#65372;
&#65372;Welcome to my blog&#12398;&#34920;&#31034;(div#welcome) &#65372;
&#65372;&#26178;&#35336;&#12398;&#34920;&#31034;(div#watch)           &#65372;
&#9474;&#8213;&#8213;&#12502;&#12525;&#12464;&#12398;&#12479;&#12452;&#12488;&#12523;&#37096;&#20998;(div#title) &#9472;  &#9474;
&#65372;&#65372;                       &#65372;&#65372;
&#9474;&#9474;&#12502;&#12525;&#12464;&#12479;&#12452;&#12488;&#12523;(div#blog-title)     &#9474;&#9474;
&#9474;&#9474;&#12502;&#12525;&#12464;&#12398;&#32057;&#20171;&#25991;(div#introduction)  &#9474;&#9474;
&#65372;&#65372;                       &#65372;&#65372;
&#9474;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#9472;&#9472; &#9474;
&#65372;                         &#65372;
&#65372;&#27178;&#22411;&#12459;&#12524;&#12531;&#12480;&#12540;&#12398;&#34920;&#31034;(div#calender2)  &#65372;
&#65372;                          &#65372;
 &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;
-->
<div id="all">
<div id="top">
<div id="calender2"> 
<a href="<%prev_month_link>"><%prev_year>/<%prev_month>&#171;</a>&#9474; 
<%now_year>/<%now_month>&#65372;
<!--calender2--> 
<span class="line_cal_day"><%days>&#32;</span> 
<!--/calender2--> 
&#9474;<a href="<%next_month_link>">&#187;<%next_year>/<%next_month></a> 
</div>
<div id="welcome">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="180" height="140" id="Welcometomyblog.swf" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="http://blog-imgs-35.fc2.com/n/k/1/nk1616/welcome.swf" />
	<param name="quality" value="high" />
	<param name="bgcolor" value="#000000" />
	<param name="wmode" value="transparent" />
	<embed src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/welcome.swf" quality="high" bgcolor="#000000" width="180" height="140" name="Welcome to my blog.swf" align="middle" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="https://get.adobe.com/flashplayer/" />
</object>
</div>
<div id="day">
<span id="day"></span></div>
<div id="watch">
<span id="time"></span>
</div>
<div id="title">
<div id="blog-title">
<a href="<%url>" title="<%blog_name>"><%blog_name></a>
</div>
<div id="introduction">
<%introduction>
</div> 
</div>
</div>

<!--
&#8213;&#8213;&#8213;&#12502;&#12525;&#12464;&#12398;&#12513;&#12452;&#12531;&#37096;&#20998;(div#container)&#8213;&#8213;
&#8213;&#8213;&#8213;&#24038;&#12539;&#20013;&#22830;&#21253;&#25324;&#37096;&#20998;(div#wrapper)&#8213;&#8213;&#8213;
 &#9472;&#9472;&#9472;&#12513;&#12452;&#12531;&#37096;&#20998;(div#main-side)&#9472;&#9472;&#9472;&#9472;&#9472;
&#9474;                         &#9474;
&#9474; &#9472;&#9472;&#12502;&#12525;&#12464;&#35352;&#20107;(div.kiji)&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9474;
&#9474;&#9474;                       &#9474;&#9474;
&#65372;&#65372;&#9472;&#35352;&#20107;&#12398;&#35211;&#20986;&#12375;(div.kiji-midashi)&#9472;&#9472;&#65372;&#65372;
&#65372;&#65372;&#65372;&#35352;&#20107;&#12479;&#12452;&#12488;&#12523;(div.kiji-title)     &#65372;&#65372;&#65372;
&#9474;&#9474;&#65372;&#35352;&#20107;&#12398;&#20184;(div-kiji-top)     &#65372;&#9474;&#9474;
&#65372;&#65372;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#65372;&#65372;
&#9474;&#9474;&#35352;&#20107;&#12398;&#26178;&#21051;(div.kiji-top2)        &#9474;&#9474;
&#9474;&#9474;&#35352;&#20107;&#26412;&#25991;(div.kiji-main)         &#9474;&#9474;
&#9474;&#9474;&#35352;&#20107;&#19979;&#37096;&#12395;&#12356;&#12429;&#12356;&#12429;(div.kiji-bottom)&#9474;&#9474;
&#9474;&#9474;&#36861;&#35352;&#12522;&#12531;&#12463;(div.more-start)      &#9474;&#9474;
&#9474;&#9474;&#35352;&#20107;&#36861;&#35352;(div.more)          &#9474;&#9474;
&#9474;&#9474;                      &#9474;&#9474; 
&#9474; &#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472; &#9474;
&#9474;                         &#9474;
&#9474; (&#20197;&#19979;<%template_comment>:&#27396;&#12408;)             &#9474;
-->
<div id="container">
<div id="main-side">
<!--topentry-->
<div class="kiji">
<img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira-top.png" alt="kirakira" class="transparent" width="490px" height="15px" />
<div class="kiji-midashi">
<div class="kiji-top"><span style="font-size: 15px;"><%topentry_year></span><br /><span style="font-size: 30px;"><%topentry_month>/<%topentry_day></span></div>
<div class="kiji-title">
<a href="<%topentry_link>" title="<%topentry_title>"><%topentry_title> </a></div></div>
<div class="kiji-top2"><%topentry_hour>:<%topentry_minute>:<%topentry_second></div>
<div class="kiji-main">
<%topentry_body>
<!--more_link-->
<br />
<div class="more-start"><a href="<%topentry_link>#more">Read more...</a></div>
<!--/more_link-->
<div id="more">
<!--more-->
<%topentry_more>
<!--/more-->
</div>
</div>
<div class="kiji-bottom">
<!--community-->
<a href="<%topentry_thread_link>">Theme:<%topentry_thread_title></a>
<a href="<%topentry_community_janrelink>">Genre:<%topentry_community_janrename></a>&#9474;
<!--/community--> 

<!--tag_list-->

Tag:<a href="<%topentry_tag_list_parsename>"><%topentry_tag_list_name></a>&#9474;
<!--/tag_list--> 
<!--parent_category-->
Parent category:<a href="<%topentry_parent_category_link>"><%topentry_parent_category></a>
<!--/parent_category-->Category:<a href="<%topentry_category_link>" title="&#12459;&#12486;&#12468;&#12522;:<%topentry_category>"><%topentry_category></a>&#9474;
<!--allow_comment-->
<a href="<%topentry_link>#comment"><%template_comment>:<%topentry_comment_num></a>&#9474;
<!--/allow_comment--> 
<!--deny_comment--><%template_comment>:--&#9474;<!--/deny_comment--> 
<!--allow_tb-->
<a href="<%topentry_link>#trackback"><%template_trackback>:<%topentry_tb_num></a>
<!--/allow_tb-->
<!--deny_tb--><%template_trackback> :--<!--/deny_tb--> 
</div><img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira-bottom.png" alt="kirakira" class="transparent" width="490px" height="15px" />
</div>
<!--/topentry-->
<!--
&#9474;&#9474;&#9472;&#9472;<%template_comment>:&#37096;&#20998;(div#comment)&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9474;&#65372;
&#9474;&#9474;                              &#9474;&#65372;
&#9474;&#9474;&#21069;&#24460;&#35352;&#20107;&#34920;&#31034;(div.prevnext)             &#9474;&#65372;
&#9474;&#9474;                              &#9474;&#65372;
&#9474;&#9474;&#9472;&#8213;<%template_comment>:&#34920;&#31034;&#37096;&#20998;(div.comment-read) &#9472;&#9472;&#9474;&#9474;&#65372;
&#9474;&#65372;&#9474;                           &#9474;&#9474;&#65372;
&#9474;&#65372;&#9474;<%template_comment>:&#12479;&#12452;&#12488;&#12523;(div.comment-title)       &#9474;&#9474;&#65372;
&#9474;&#65372;&#9474;<%template_comment>:&#26412;&#25991;(div.comment-main)         &#9474;&#9474;&#65372;
&#9474;&#9474;&#65372;<%template_comment>:&#19979;&#37096;&#12395;&#12356;&#12429;&#12356;&#12429;(div.comment-bottom)&#9474;&#9474;&#65372;
&#9474;&#9474;&#65372;                             &#9474;&#9474;&#65372;
&#9474;&#65372;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9474;&#65372;
&#9474;&#65372;                               &#9474;&#65372;
&#9474;&#65372;&#9472;<%template_comment>:&#26360;&#12365;&#36796;&#12415;&#37096;&#20998;(form.comment-make)&#9472;&#9472;&#9474;&#65372;
&#9474;&#65372;&#65372;&#9472;<%template_comment>:&#32232;&#38598;&#37096;&#20998;(form.comment-edit)&#9472;&#9472; &#65372;&#9474;&#65372;
&#65372;&#65372;&#65372;&#21508;&#38917;&#30446;&#12398;&#12479;&#12452;&#12488;&#12523;&#37096;&#20998;(dt.comment)       &#65372;&#65372;&#65372;
&#65372;&#65372;&#65372;&#21508;&#38917;&#30446;&#12398;&#20869;&#23481;&#37096;&#20998;(dd.comment)        &#65372;&#65372;&#65372;
&#65372;&#65372;&#65372;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#65372;&#65372;&#65372;
&#65372;&#65372;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#65372;&#65372;
&#9474;&#65372;<%template_trackback>:&#37096;&#20998;(div#trackback)           &#9474;&#65372;
&#9474;&#65372;<%template_comment>:&#12434;&#26360;&#12367;&#31561;&#12398;&#12479;&#12452;&#12488;&#12523;&#37096;&#20998;(div.section-title)  &#9474;&#65372;
&#9474;&#65372;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9474;&#65372;
&#65372;                                  &#65372;
&#65372;&#21069;&#24460;&#12506;&#12540;&#12472;&#34920;&#31034;(div.prevnext)                &#65372;
&#65372;                                  &#65372;
&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#12513;&#12452;&#12531;&#37096;&#20998;(div#main-side)&#32066;&#12431;&#12426;&#9472;&#9472;&#9472;&#9472;&#9472;
-->
<div id="comment">

<img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira-top.png" alt="kirakira" class="transparent" width="490px" height="15px" />
<!--comment_area-->
<div class="prevnext">
<!--nextentry-->
<%template_nextentry>:<a href="<%nextentry_url>"><%nextentry_title></a><br />
<!--/nextentry-->
<a href="#top"><%template_go_top></a><br />
<!--preventry-->
<%template_preventry>:<a href="<%preventry_url>"><%preventry_title></a>
<!--/preventry-->
</div>
<hr align="center" size="1" width="470" class="line" />
<div class="section-title"><%template_comment> </div>
<!--comment-->
<div class="comment-read">
<div class="comment-title"><%comment_title></div>
<div class="comment-main"><%comment_body></div>
<div class="comment-bottom"><%comment_mail+name>&#9474;<%comment_url+str>&#9474;<%comment_year>/<%comment_month>/<%comment_day>(<%comment_youbi>)<%comment_hour>:<%comment_minute>:<%comment_second>&#9474;
<a href="<%comment_edit_link>"><%template_edit> </a></div></div>
<!--/comment-->
<div class="section-title"><%template_post_comment></div>
<form class="comment-make" method="post" action="./" " name="comment_form" id="comment_form">
<dl>
<dt class="comment"><label for="comment_title"><%template_title></label></dt>
<dd class="comment">
<input id="comment_title" type="text" name="comment[title]" value="No title" size="35" /><br /></dd>


<dt class="comment"><label for="comment_hn"><%template_name> </label></dt>
<dd class="comment"><input id="comment_hn" type="text" name="comment[name]" value="<%cookie_name>" size="35" /><br /></dd>
<dt class="comment"><label for="comment_mail"><%template_address> </label></dt>
<dd class="comment"><input id="comment_mail" type="text" name="comment[mail]" value="<%cookie_mail>" size="35" /><br /></dd>
<dt class="comment"><label for="comment_url">URL:</label></dt>
<dd class="comment"><input type="text" id="comment_url" name="comment[url]" value="<%cookie_url>" size="35" /><br /></dd>
<dt class="comment"><label for="comment_main"><%template_body></label></dt>
<dd class="comment"><script type="text/javascript" src="<%template_comment_js>"></script><br />
<textarea id="comment" rows="5" cols="35" name="comment[body]" ></textarea><br /></dd>
<dt class="comment"><label for="comment_pass"><%template_password> </label></dt>
<dd class="comment"><input id="comment_pass" type="password" name="comment[pass]" size="15" /><br /></dd>
<!--accept_secret_comment-->
<dt class="comment"><label for="comment_secret"><%template_private> </label><input id="comment_secret" type="checkbox" name="comment[himitu]" /><br /></dt>
<!--/accept_secret_comment--> 
<!--refuse_secret_comment--><!--/refuse_secret_comment--> 
<dd class="comment"><input type="submit" value="<%template_send> " /></dd>
<dd><input type="hidden" name="mode" value="regist" /><br /></dd>
<dd><input type="hidden" name="comment[no]" value="<%pno>" /><br /></dd>
</dl>
</form>
<!--/comment_area-->

<!--edit_area-->
<form class="comment-make" method="post" action="./" name="comment_form" id="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<div class="section-title"><%template_edit_comment></div>
<dl>
<dt class="comment"><label for="edit_sub"><%template_title></label></dt>
<dd class="comment"><input id="edit_sub" type="text" name="edit[title]" value="<%edit_title>" size="35" /><br /></dd>
<dt class="comment"><label for="edit_hn"><%template_name></label></dt>
<dd class="comment"><input id="edit_hn" type="text" name="edit[name]"  value="<%edit_name>" size="35" /><br /></dd>
<dt class="comment"><label for="edit_mail"><%template_address></label></dt>
<dd class="comment"><input id="edit_mail" type="text" name="edit[mail]" value="<%edit_mail>" size="35" /><br /></dd>
<dt class="comment"><label for="edit_url">URL:</label></dt>
<dd class="comment"><input id="edit_url" type="text" name="edit[url]" value="<%edit_url>" size="35" /><br /><dd>
<dt class="comment"><label for="edit_main"><%template_body></label><dt>
<dd class="comment"><script type="text/javascript" src="<%template_comment_js>"></script><br /><textarea id="comment" rows="5" cols="35" name="edit[body]" ><%edit_body></textarea><br /></dd>
<dt class="comment"><label for="edit_pass"><%template_password> </label></dt>
<dt class="comment"><input id="edit_pass" type="password" name="edit[pass]" size="15" /><br /></dt>

<dt class="comment"><label for="edit_secret"><%template_private> </label></dt>
<dd class="comment"><input id="edit_secret" type="checkbox" name="edit[himitu]" /><br /></dd>
<!--accept_secret_comment--><!--/accept_secret_comment--> 
<!--refuse_secret_comment--><!--/refuse_secret_comment--> 
<dd class="comment"><input type="submit" value="<%template_send> " />&#32;<input type="submit" name="edit[delete]" value="<%template_delete>" /></dd>
<dl>
</form>
<!--/edit_area-->

<!--trackback_area-->
<div id="trackback">
<div class="section-title"><%template_trackback></div>
<div class="trackback-main">
<!--trackback-->
<div class="comment-read">
<div class="comment-title"><a href="<%tb_url>" name="trackback<%tb_no>" id="trackback<%tb_no>"><%tb_title></a></div>
<div class="comment-main">
<%tb_excerpt><br /></div>
<hr align="center" size="1" width="430" class="line" />
<div class="comment-bottom"><%tb_year>/<%tb_month>/<%tb_day>(<%tb_wayoubi>)<%tb_hour>:<%tb_minute>:<%tb_second>&#65372;<%tb_blog_name></div></div>
<!--/trackback-->
<%template_trackback>URL<br />
&#8594;<%trackback_url><br />
<a href="javascript:window.location.replace('http://blog.fc2.com/?url='+window.location.href);"><%template_trackback_this></a>
</div>
</div>
<!--/trackback_area-->
<div class="prevnext">
<!--nextpage-->
<a href="<%nextpage_url>"><%template_nextpage></a>&#65372;
<!--/nextpage-->
<a href="#top"><%template_go_top></a>
<!--prevpage-->
&#65372;<a href="<%prevpage_url>"><%template_prevpage></a>
<!--/prevpage-->
</div><img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira-bottom.png" alt="kirakira" class="transparent" width="490px" height="15px" />
</div>
</div>

<!--
&#24038;&#12469;&#12452;&#12489;&#12398;&#35373;&#23450;
 &#8213;(&#24038;&#12469;&#12452;&#12489;<div#left-side>)&#8213;&#8213;&#8213;&#8213;&#8213;&#9472;
&#9474;                        &#9474;
&#65372;&#12503;&#12521;&#12464;&#12452;&#12531;&#20869;<dl.plugin>          &#9474;
&#65372;&#12503;&#12521;&#12464;&#12452;&#12531;&#12398;&#12479;&#12452;&#12488;&#12523;<dl.plugin_title>   &#9474;
&#65372;&#8251;&#24038;&#12469;&#12452;&#12489;&#12395;&#12399;&#12503;&#12521;&#12464;&#12452;&#12531;1&#12364;&#20837;&#12426;&#12414;&#12377; &#9474;
&#65372;                        &#9474;
 &#9472;&#9472;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#8213;&#9472;&#9472;
&#9472;&#24038;&#12539;&#20013;&#22830;&#21253;&#25324;&#37096;&#20998;(div#wrapper)&#32066;&#12431;&#12426;&#9472;&#9472;
-->
<div id="left-side">
<!--plugin-->

<!--plugin_first-->
<div class="plugin">
<img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira2-top.png" alt="kirakira" class="transparent" width="250px" height="15px" />
<dl class="plugin">
<dt class="plugin_title" style="text-align:<%plugin_first_talign>"><%plugin_first_title></dt>
<hr align="center" size="1" width="228" class="line" />
<!--plugin_first_description-->
<dd style="text-align:<%plugin_first_ialign>" class="plugin"><%plugin_first_description></dd>
<!--/plugin_first_description-->
<dd style="text-align:<%plugin_first_align>" class="plugin"><%plugin_first_content></dd>
<!--plugin_first_description2-->
<dd style="text-align:<%plugin_first_ialign>" class="plugin"><%plugin_first_description2></dd>
<!--/plugin_first_description2-->
</dl>
<img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira2-bottom.png" alt="kirakira" class="transparent" width="250px" height="15px" />
</div>
<!--/plugin_first-->
<!--not_plugin-->
<!--/not_plugin-->
<!--plugin_second-->
<div class="plugin">
<img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira2-top.png" alt="kirakira" class="transparent" width="250px" height="15px" />
<dl class="plugin">
<dt class="plugin_title" style="text-align:<%plugin_second_talign>"><%plugin_second_title></dt>
<hr align="center" size="1" width="228" class="line" />
<!--plugin_second_description-->
<dd style="text-align:<%plugin_second_ialign>" class="plugin"><%plugin_second_description></dd>
<!--/plugin_second_description-->
<dd style="text-align:<%plugin_second_align>" class="plugin"><%plugin_second_content></dd>
<!--plugin_second_description2-->
<dd style="text-align:<%plugin_second_ialign>" class="plugin"><%plugin_second_description2></dd>
<!--/plugin_second_description2-->
</dl>
<img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira2-bottom.png" alt="kirakira" class="transparent" width="250px" height="15px" />
</div>
<!--/plugin_second--> 
<!--not_plugin-->
<!--/not_plugin-->

<!--plugin_third-->
<div class="plugin">
<img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira2-top.png" alt="kirakira" class="transparent" width="250px" height="15px" />
<dl class="plugin">
<dt class="plugin_title" style="text-align:<%plugin_third_talign>"><%plugin_third_title></dt>
<hr align="center" size="1" width="228" class="line" />
<!--plugin_third_description-->
<dd style="text-align:<%plugin_third_ialign>" class="plugin"><%plugin_third_description></dd>
<!--/plugin_third_description-->
<dd style="text-align:<%plugin_third_align>" class="plugin"><%plugin_third_content></dd>
<!--plugin_third_description2-->
<dd style="text-align:<%plugin_third_ialign>" class="plugin"><%plugin_third_description2></dd>
<!--/plugin_third_description2-->
</dl>
<img src="http://blog-imgs-35.fc2.com/n/k/1/nk1616/kirakira2-bottom.png" alt="kirakira" class="transparent" width="250px" height="15px" />
</div>
<!--/plugin_third--> 
<!--not_plugin-->
<!--/not_plugin-->
<!--/plugin--> 
</div>
<!--
&#9474;                           &#9474;
&#9474;&#9472;&#35352;&#20107;&#19979;&#37096;&#12395;&#12356;&#12429;&#12356;&#12429;(div#foot)&#9472;&#9472;&#9472;&#9472;&#9472;&#9474;
&#9474;&#65372;                        &#65372;&#9474;
&#65372;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;&#9472;  &#65372;
&#65372;                           &#65372;
&#9472;&#12502;&#12525;&#12464;&#12467;&#12531;&#12486;&#12531;&#12484;&#12398;&#21253;&#25324;&#37096;&#20998;(div#all)&#32066;&#12431;&#12426;&#9472;
-->
<div id="foot">
<!--ad&#12399;<%template_delete>&#31105;&#27490;&#24195;&#21578;&#12391;&#12377;-->
<%ad> <%ad2>
<address>(c)&#32;<%now_year>&#32;<%blog_name>&#32;All&#32;Rights&#32;Reserved.</address><br />
Powered&#32;by&#32;<a href="https://blog.fc2.com/" title="FC2 BLOG">FC2 Blog</a><br />
Designed&#32;by<a href="http://nk1616.blog73.fc2.com/" target="blank">&#31354;&#38596;</a>
</div>
</div>
</div>
</body>
</html>


Voilà...si vous pouviez me dire comment il faut faire pour que le HTML soit remplacé pour que le Css fonctionne enfin pour que le blog soit mis dans la bonne forme...! ^^

Par avance, merci! =)

ps: heu il y a des caractères japonais dans le code HTML, ça doit être pour ça que c'est tout crypté... ^^"

3 réponses

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
16 déc. 2009 à 21:12
Il faudra apprendre on ne pas essayer de faire des trucs que l'on a jamais fait ...
Siteduzero.com
0
phenX Messages postés 704 Date d'inscription mercredi 4 mai 2005 Statut Membre Dernière intervention 28 août 2012 23
17 déc. 2009 à 11:27
à mon avis il faut que tu inclu le css dans le html

<link href="<%css_link>" type="text/css" rel="stylesheet" />



avion-f16 à raison, pourquoi s'engager dans des trucs urgent que l'on se sais aps faire???
0
MsSandalphon
17 déc. 2009 à 15:58
Tout simplement parce que les personnes m'ayant chargé de cela pensaient que j'étais douée! =)
Je tiens deux blogs et pour beaucoup de personnes d'un certain âge, quelqu'un qui sait utiliser les blogs et remplacer les images sont forcément fortes dans le reste. Je ne suis malheureusement pas douée pour ces choses-là, et mes enfants sont encore bien trop jeunes pour savoir le fonctionnement de tout ça! et je ne connais pas non plus de gens doués là-dedans (et oui, ça arrive!)....

Désolée si je vous ai ennuyés, on me demande de faire un cadeau, je ne vois pas pourquoi refuser et donc je demande de l'aide là où on serait susceptible de m'aider.......
0
phenX Messages postés 704 Date d'inscription mercredi 4 mai 2005 Statut Membre Dernière intervention 28 août 2012 23
17 déc. 2009 à 16:04
en même temps tu aura l'occasion d'apprendre...
0
MsSandalphon
19 déc. 2009 à 16:54
heureusement que j'ai dis que c'était pressé.....bon et bien tant pis, je vais demander ailleurs.
Merci quand même pour.......les conseils (non pour l'aide)! (c'est toujours ça de gagné..)
0