CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Besoin d'aide HTML ' theme

amshot
amshot
Niveau 10
01 août 2011 à 13:52:26

Bonjour est-ce que quelqu'un s y connait en simple HTML ? je voudrais vous donner un exemplaire mais j'ai du mal a faire exactement le même, merci !

dingue_de_jeu
dingue_de_jeu
Niveau 3
01 août 2011 à 14:45:21

Tu n'as même pas indiqué ton problème, comment veux-tu qu'on t'aide ?

amshot
amshot
Niveau 10
01 août 2011 à 15:42:51

http://blog.yimmyayo.com/

Voici le theme que je voudrais, j'ai déjà contacter le propréo, il n'a pas voulu répondre, j'ai essayé quelque manœuvres approximatives, ça ne donne malheureusement pas le même resultat.

Voici le code utilisé pour Tumblr

theme par exemple

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
al.dtd">

<!--

--------------------------------
Theme 'Simple' by Martin Martins,
(31DIES.COM) 2011 FOLLOW FOR UPDATES
--------------------------------
http://31dies.com/themes
--------------------------------

-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description"
content="{MetaDescription}"/>{/block:Description}

</head>
<body>

<style type="text/css">
body {color:{color:Main Text}; font-size:9px; line-height:12px; font-weight: normal; text-align: left; font-family: Arial; word-wrap:break-word; background: {color:background}; text-transform: uppercase;}

  1. descwrap {width:150px; position:fixed; margin-left:575px; top:150px; color:{color:description};}
  2. wrapper {position:absolute; left:50px; top:5px; width:505px; margin-top:0px;}
  3. postwrap {width:500px; top:0px; padding-bottom:10px;}

.posts {
overflow:hidden; margin:0px; text-align:justify; position:relative; padding-bottom:0px;}

  1. chat {

padding:0px; margin:0px;}

  1. postbody blockquote {

border-left: 2px solid; padding: 0 0 0 5px;margin-left: 0px; width:100%;}

  1. perm {

font-style:italic; margin-bottom:10px; background:white; width:75px; text-align:center; margin-left:425px;}

  1. notes {

margin-top:20px;}
.tag {
color:{color:tag}; margin-top:2px;}

a:link, a:visited, a:active {
text-decoration: none; color:{color:Link};}
a:hover {
color: {color:Link Hover};}

ol.notes {padding: 0px; text-align:left; margin:0;}
ol.notes img.avatar {margin:0; border:0;}

select, input {
border: 1px solid #DFDFDF; color:{color:main text}; font-size:10px;}
select {width:75px;}
input {width:25px;}

  1. page {width: 100%; margin-bottom:2px; text-transform: uppercase; text-align:right; padding:0px; letter-spacing:-1px;}
  2. page ul {list-style-type: none; padding:0px; margin:0;}
  3. page ul li {padding: 0px; display: inline; margin:0px;}
  4. page ul li a {display: inline; font-weight:normal; padding:1px;}
  5. page ul li a:hover {font-weight: bold;}
  1. page2 {width: 100%; padding:0px; text-transform:lowercase; margin-top:10px; margin-bottom:10px; font-size:10px;}
  2. page2 ul {list-style-type: none; padding:0px; margin:0;}
  3. page2 ul li {padding: 0px; display:inline; margin:0px;}
  4. page2 ul li a {display:inline; font-weight:normal; padding:0px;}
  5. page2 ul li a:hover {font-weight: bold;}

.details {
display:none;
}

h1 { font-size: 19px; line-height: 50px;
font-family: 'Oswald', arial, serif;
font-weight:normal; color:{color:title};
letter-spacing:0px;
display:inline;}
.title{
font-family: {font:Body};
font-weight:bold;
font-size: 20px;
line-height: 23px;
letter-spacing: -1px;
color: {color:title};
padding:1px 1px 0px 1px;
text-transform:uppercase;}

.title2{

font-family: {font:Body};
font-weight:bold;
font-size: 15px;
line-height: 23px;
letter-spacing: -1px;
color: {color:title};
padding:1px 1px 0px 1px;}

.posts:hover .details {
padding:1px; font-style:italic; display:block; width:500px; height:100%; text-align:center; position:absolute; font-size:15pt;}

{CustomCSS}

</style>

<!-- DEFAULT COLORS -->
<meta name="color:Background" content="#fff"/>

<meta name="color:Main text" content="#757575"/>

<meta name="color:Link" content="#303030"/>
<meta name="color:Link hover" content="#fff"/>

<meta name="color:Description" content="#fff"/>
<meta name="text:Sidebar title" content="" />
<meta name="color:title" content="#000000"/>
<meta name="image:Sidebar" content="" />

<div id='descwrap'>
{block:IfSidebarImage}
<center><a href="/"><img src="{image:Sidebar}" width=150px/></a></center><br><br>
{/block:IfSidebarImage}
{description}
<a href="/"><h1>{text:Sidebar title}</h1></a><br>

<a href='/'>Home</a><br>
{block:AskEnabled}<a href="/ask">Ask</a><br>{/block:AskEnabled}
{block:SubmissionsEnabled}<a
href="/submit">Submit</a><br>{/block:SubmissionsEn
abled}
{block:HasPages}{block:Pages}<a
href="{URL}">{Label}</a><br>{/block:Pages}{/block:
HasPages}

{block:Pagination}
<div id='page2'><ul>
{block:PreviousPage}<li><a href="{PreviousPage}"><</a>{/block:PreviousPage}
{block:NextPage}<li><a href="{NextPage}">></a>{/block:NextPage}
</li></ul></div>
{/block:Pagination}

{block:PermalinkPagination}
<div id='page2'><ul>
{block:NextPost}<li><a href="{NextPost}" title="Newer post"><</a>{/block:NextPost}
{block:PreviousPost}<li><a href="{PreviousPost}" title="Older post">></a>{/block:PreviousPost}
</li></ul></div>{/block:PermalinkPagination}
</div>

<div id='wrapper'>

<div id='postwrap'>
{block:Posts}<div class='posts'>

{block:IndexPage}<a href='{permalink}' title='{block:NoteCount}{NoteCount} {/block:NoteCount}'><div class='details'></div></a>{/block:IndexPage}

<!--TEXT-->
{block:Text}
{block:Title}<b>{Title}</b><br>{/block:Title}
{Body}
{/block:Text}

<!--PHOTO-->
{block:Photo}
{block:IndexPage}<a href='{permalink}'
title='{block:NoteCount}{NoteCount}{/block:NoteCou
nt}'><img src="{PhotoURL-500}" border="0" alt="{PhotoAlt}" border="0" width="500px"></a>{/block:IndexPage}
{block:permalinkpage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" alt="{PhotoAlt}" border="0" width="500px">{LinkCloseTag}

<br>{block:Caption}{Caption}{/block:Caption}{/bloc
k:PermalinkPage}
{/block:Photo}

<!--PHOTOSET-->
{block:Photoset}
{Photoset-500}<br>

{block:PermalinkPage}<br>{block:Caption}{Caption}{
/block:Caption}{/block:PermalinkPage}
{/block:Photoset}

<!--QUOTE-->
{block:Quote}
<b>{Quote}</b>
{block:Source}<br>— {Source}{/block:Source}
{/block:Quote}

<!--LINK-->
{block:Link}
<a href="{URL}">{Name} →</a>

{block:Description}<br>{Description}{/block:Descri
ption}
{/block:Link}

<!--CHAT-->
{block:Chat}
{block:Title}<b>{Title}</b>{/block:Title}
<div id='chat'>

{block:Lines}{block:Label}<b>{Label}</b>{/block:La
bel} {Line}<br>{/block:Lines}
</div>
{/block:Chat}

<!--AUDIO-->
{block:Audio}
{AudioPlayerBlack}
{block:indexpage}{block:Artist}<br><b>Artist:
{Artist}</b>{/block:Artist}<br>{block:TrackName}So
ng: {TrackName}{/block:TrackName}{/block:indexpage}

{block:PermalinkPage}{block:Caption}<br>{Caption}{
/block:Caption}{/block:PermalinkPage}
{/block:Audio}

<!--VIDEO-->
{block:Video}
{video-500}

{block:PermalinkPage}<br>{block:Caption}{Caption}{
/block:Caption}{/block:PermalinkPage}
{/block:Video}

<!--Q&A-->
{block:Answer}
<b>{Asker}</b>: {Question}
<br>{Answer}
{/block:Answer}

{block:More}<br><a href="{permalink}" class="readmore">Read more...</a>{/block:More}

{block:permalinkpage}{block:HasTags}<br>{block:Tag
s}<a href="{TagURL}" class='tag'>#{Tag} </a>
{/block:Tags}{/block:HasTags}{/block:permalinkpage
}

{block:PostNotes}<div
id='notes'>{block:NoteCount}<center>{NoteCountWith
Label}</center>{/block:NoteCount}
{PostNotes}</div>{/block:PostNotes}

</div>
{/block:Posts}

</div></div>

<!-- It would be greatly appreciated if you could keep the credit. -->
<div style='position:fixed; bottom:5px; right:5px;'> Theme by <a href='http://31dies.com/themes'>31dies</a>.</br>
<a href='http://31dies.com'>FOLLOW FOR UPDATES</a>.</div>

dingue_de_jeu
dingue_de_jeu
Niveau 3
01 août 2011 à 15:57:07

Et tu veux en gros, récupérer le code pour te re-servir du design ?

amshot
amshot
Niveau 10
01 août 2011 à 16:08:56

Oui, sauf que je ne suis malheureusement pas très doué !,

dingue_de_jeu
dingue_de_jeu
Niveau 3
01 août 2011 à 16:46:28

Yo

Tiens : http://imaginer.power-heberg.com/design.rar

amshot
amshot
Niveau 10
01 août 2011 à 16:51:19

merci, mais ça marche pas

ça donne ça :

http://imageshack.us/photo/my-imag

dingue_de_jeu
dingue_de_jeu
Niveau 3
01 août 2011 à 17:02:25

Si tu pouvais mettre un lien complet :>

amshot
amshot
Niveau 10
01 août 2011 à 17:03:05

pardon

http://imageshack.us/photto/my-images/20/captureon.jpg/

amshot
amshot
Niveau 10
01 août 2011 à 17:03:25

Je me suis trompé de lien :x

amshot
amshot
Niveau 10
01 août 2011 à 21:33:44

Alors rien ? :(

amshot
amshot
Niveau 10
01 août 2011 à 21:34:13

:-( *

Sackey
Sackey
Niveau 6
01 août 2011 à 23:01:27

Dans ta page html..

Tu as bien écrit le CSS entre les balises:
<style type="text/css"></style>

Vérifie s'il n'y a aucune erreur de syntaxe ? (on ne sait jamais)

roma_amor
roma_amor
Niveau 6
01 août 2011 à 23:21:30

Euh j'ai pas bien compris, j'ai mis style type au debut et j'ai fermé la page html par </style> rien ne s'affiche, une page noir.

J'ai trouvé aussi une autre solution, le code source de la page je l'ai mis, mais il m'a recopié quasiment toute la page, je ne peux rien modifier. que faire ? je vous donne le code source ?

amshot
amshot
Niveau 10
01 août 2011 à 23:22:32

ps : c'est moi roma_amor

Sackey
Sackey
Niveau 6
01 août 2011 à 23:36:25

Tu écris tout ton code html.
Avant de refermer la balise HTML, tu y insères:

<style type="text/css">
Tout tes scripts css
</style>
et tu fermes la balise html.

Ainsi, ça devrait marcher :( .

amshot
amshot
Niveau 10
01 août 2011 à 23:44:01

Non toujours pas.

www.liberemoi.tumblr.com

Mdp : hitman6

j'ai upload une photo, rien ne s'affiche, toujours la page originale, comme si je ne pouvais rien modifier.

ps: le code html, celui de l'originale ou d'un un autre theme ?

amshot
amshot
Niveau 10
01 août 2011 à 23:47:45

http://www.2shared.com/document/x9EBzbcw/index_css_plus_html.html

Voici tous les codes, m y suis je bien y pris ?

Sackey
Sackey
Niveau 6
02 août 2011 à 10:27:56

Je n'ai pas tout compris ^^'..
Le design est respectivement le même.
Pour y ajouter une photo, il suffit d'y modifier le code HTML.

Mais si tu parles d'une fonctions d'upload à partir du site, c'est normal.. Le tout est fait en PHP, et sachant qu'il est Casi-impossible de connaître ce code d'une page.. il va falloir tout coder manuellement.

amshot
amshot
Niveau 10
02 août 2011 à 14:10:09

Malheureusement je ne sais pas le faire, si une âme charitable est prête a faire ce sacrifice !

Merci quand même.. je vais essayer d'upload en code HTML !

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment