Probleme Blog Bouton_activeProbleme Blog Bouton_hoverProbleme Blog Fb-hoverProbleme Blog Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Probleme Blog EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Probleme Blog EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Probleme Blog EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Probleme Blog EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Probleme Blog EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Probleme Blog EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Probleme Blog EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Probleme Blog EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G Double SIM à 599€
599 €
Voir le deal

Partagez
 

Probleme Blog

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Avant tout, je tiens à m'excuser sincèrement si ce forum est dédié uniquement au codage de forum ... néanmoins, il m'a semblé que vous étiez le forum le plus compétant que j'ai trouvé.
Si vous êtes vraiment dans l'incapacité totale de m'aider, veuillez supprimer ce post ainsi que mon compte, je m'excuse encore d'avance du dérangement si c'est le cas.

Mes problèmes sont les suivants :

-J'aimerais avoir mes articles les plus récents dans un des bloc du slider. ICI


-le liens ajouter un commentaire est caché lorsqu'un commentaire est publié. ICI

Je ne peux pas poster mon code ici, mon message est trop long. Mais je peux vous l'envoyé par mail.

Merci d'avance. é_è
MessageSujet: Probleme Blog   Probleme Blog EmptyMer 25 Avr 2012, 12:10
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Probleme Blog Empty
J'ai pas très bien compris: dans ton slider, tu voudrais n'avoir QUE les derniers articles, ou bien une seuls slide du slider qui en contiendrait plusieurs?
Et dans ce cas, tu voudrais que chacun des liens vers les articles soient cliquables?

Pour le reste, il nous faut le code. Fais-le en plusieurs messages si nécessaires, mais c'est important. Sinon, on ne peut pas t'aider ^^" (Sinon, ne poste que les codes qui sont en rapport direct avec le slider et les commentaires! ^^)
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 04:12
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Oui, je vais poster plusieurs posts alors. ^^"
Pour le slider, un seul me suffit, mais deux serait le mieux, et oui j'aimerais qu'ils soient cliquables.
Code:
#comment-form, .comment-form{
height: 315px;
margin: 20px auto;padding: 10px 100px 0px;-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 1px 2px #d100b2;
-webkit-box-shadow:0px 1px 2px #d100b2;
box-shadow:0px 1px 2px #ccc;
border:1px solid #fff;
word-wrap: break-word;
overflow: hidden; }

/* Comments
-------------------------------------- */
#comments h4 {
margin:1em 0;
padding-left: 5px;
font-weight: bold;
line-height: 1.4em;
text-transform:none;
letter-spacing:1px;
color: #8aa9b8;
font-size: 130%;}

.comments{position: relative; font-size:14px;}

.comments ul{width 100% padding 0px 0px;}

.comments li{
background: #f6f6f6 url(http://2.bp.blogspot.com/-x3vKFfvCK7o/Tn76jJ3zlZI/AAAAAAAAApk/VpTvqGmBrAc/s000/template-clean-line.png)  repeat-x bottom left;margin:8px 0px -10px;padding: 8px;border: 1px solid #fff}

#comments-block {
margin:1em 0 1.5em;
line-height:1.4em;
}
#comments-block .comment-author {
margin:.5em 0;font-family: 'Redressed', cursive;font-size: 130%;}

#comments-block .comment-body {margin:.25em 0 0;}

#comments-block .comment-footer {
position: absolute;
top: 0;left: 85%;
line-height: 1.3em;
text-transform:none;
letter-spacing:0;
font-size:11px;}

#comments-block .comment-body p {
margin:0 0 .75em;text-align:justify;padding-right:20px;}

.deleted-comment {
font-style:italic;
color:gray;}

div.avatar-image-container {
position: absolute;
top: 0px;left:4px;
background:url(http://1.bp.blogspot.com/-rf3fOepS-xY/Tn76kliiqWI/AAAAAAAAAp4/NOs4Msf36Ao/s000/comments.png) no-repeat center center;
width:35px;
height:35px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 1px 2px #d100b2;
-webkit-box-shadow:0px 1px 2px #d100b2;
box-shadow:0px 1px 2px #ccc;
border:1px solid #fff;}

div.avatar-image-container img {display:none;}

div.avatar-image-container img.delayLoad {
display:block;
width:35px;
height:35px;
border:1px solid #fff;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0px 0px 1px #d100b2;
-webkit-box-shadow:0px 0px 1px #d100b2;
box-shadow:0px 0px 1px #ccc;
border:1px solid #fff;padding:1px;}


#blog-pager-newer-link {  float: $startSide; }
 
#blog-pager-older-link {  float: $endSide; }

#blog-pager {  text-align: center; }

.feed-links {  text-indent:-9999em;}
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 05:01
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Probleme Blog Empty
BlueBerryggdrasil a écrit:
Pour le slider, un seul me suffit, mais deux serait le mieux, et oui j'aimerais qu'ils soient cliquables.
Ce n'était pas ma question. Ou alors je comprends pas ta réponse.
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 05:07
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Je reformule : J'aimerais qu'il y ait deux slider sur trois concernant mes récents articles et un libre que je pourrais changer.

Pour le slider je crois que c'est ceci :

Code:
<!-- JavaScript Slider Horizontal - Inicio-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {

    //Set Default State of each portfolio piece
    $(".paging").show();
    $(".paging a:first").addClass("active");
       
    //Get size of images, how many there are, then determin the size of the image reel.
    var imageWidth = $(".window").width();
    var imageSum = $(".image_reel img").size();
    var imageReelWidth = imageWidth * imageSum;
   
    //Adjust the image reel to its new size
    $(".image_reel").css({'width' : imageReelWidth});
   
    //Paging + Slider Function
    rotate = function(){   
        var triggerID = $active.attr("rel") - 1; //Get number of times to slide
        var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

        $(".paging a").removeClass('active'); //Remove all active class
        $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
       
        //Slider Animation
        $(".image_reel").animate({
            left: -image_reelPosition
        }, 500 );
       
    };
   
    //Rotation + Timing Event
    rotateSwitch = function(){       
        play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
            $active = $('.paging a.active').next();
            if ( $active.length === 0) { //If paging reaches the end...
                $active = $('.paging a:first'); //go back to first
            }
            rotate(); //Trigger the paging and slider function
        }, 7000); //Timer speed in milliseconds (3 seconds)
    };
   
    rotateSwitch(); //Run function on launch
   
    //On Hover
    $(".image_reel a").hover(function() {
        clearInterval(play); //Stop the rotation
    }, function() {
        rotateSwitch(); //Resume rotation
    });   
   
    //On Click
    $(".paging a").click(function() {   
        $active = $(this); //Activate the clicked paging
        //Reset Timer
        clearInterval(play); //Stop the rotation
        rotate(); //Trigger rotation immediately
        rotateSwitch(); // Resume rotation
        return false; //Prevent browser jump to link anchor
    });   
   
});

</script>
<!-- JavaScript Slider Horizonta - Fim-->

Avec ceci :

Code:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='galeria'>

<div class='main_view'>
<div class='window'>
<div class='image_reel'>

<!-- SLIDESHOW IMAGES -->
<a href='' rel='1'><img alt='' src='http://1.bp.blogspot.com/-77TtMOCdpUM/Tn76nUlgYYI/AAAAAAAAAqg/h0VkbH3ndEM/s000/wallpapersafull_4110..jpg'/></a>
<a href='http://kyototoutunete.blogspot.fr/' rel='2'><img alt='' src='http://img11.hostingpics.net/pics/257896Kyotoblog.jpg'/></a>
<a href='#' rel='3'><img alt='' src='http://2.bp.blogspot.com/-kmQfsXwgKF8/Tn76oPb3fKI/AAAAAAAAAqo/2zL1oS9jRIQ/s000/wallpapersafull_4106..jpgg'/></a>

</div></div>


<div class='paging'>
<a href='' rel='1'>1</a>
<a href='' rel='2'>2</a>
<a href='' rel='3'>3</a>

</div></div>

</div>
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 05:10
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Probleme Blog Empty
D'accord, cette fois-ci j'ai compris! ^^
Pourrais-je avoir le HTML correspondant aux messages également, s'il-te-plaît? ^^
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 05:13
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Oui oui. (si ce n'est pas ça dit le moi ^^")

Code:
/* Posts
-----------------------------------------------
 */

.post-header{
font-style:italic;
width:100%;
display:block;
font-size:13px;
line-height:1.6em;
padding: 10px 0px;
background: url(http://2.bp.blogspot.com/-x3vKFfvCK7o/Tn76jJ3zlZI/AAAAAAAAApk/VpTvqGmBrAc/s000/template-clean-line.png)  repeat-x bottom left;}

.date-header {padding:0px 5px 0px 25px;background: transparent url(http://4.bp.blogspot.com/-VS7FhmT6BGE/Tn76jeYan4I/AAAAAAAAApo/FQAwMFhGCU8/s000/window_osx.png)  no-repeat bottom left; border:0px solid;}

.post-labels{margin-left:6px;padding: 0px 5px 0px 20px; background:transparent url(http://3.bp.blogspot.com/-ZLP7Jb5srhY/Tn76jiX5S7I/AAAAAAAAAps/CdLct83JZpc/s000/tag.png)  no-repeat bottom left;border: 0px solid; }

.comment-link {
 padding: 0px 0px 0px 24px; background: transparent url(http://3.bp.blogspot.com/-rnhcdB7bnlY/Tn76kLdBxWI/AAAAAAAAApw/mcbJxziNE48/s000/comment.png)  no-repeat bottom left; border: 0px solid;
}

.share{float:left;padding:0px 0px}

.twitter-share-button{height:20px;}

.post {
position:relative;
margin:0;
padding: 0.5em 1.5em;
text-align:justify;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 1px 2px #d100b2;
-webkit-box-shadow:0px 1px 2px #d100b2;
box-shadow:0px 1px 2px #ccc;
border:1px solid #fff;
}

.post h1 {
margin:15px 0px 0px;
padding:0 0 4px;font-family: 'Redressed', cursive;
font-size:180%;
font-weight:normal;
line-height:1.4em;
color:#5588aa;background: url(http://2.bp.blogspot.com/-x3vKFfvCK7o/Tn76jJ3zlZI/AAAAAAAAApk/VpTvqGmBrAc/s000/template-clean-line.png)  repeat-x bottom left;
}

.post h1 a, .post h1 a:visited, .post h1 strong {
  display:block;
  text-decoration:none;
  color:$titlecolor;
  font-weight:normal;}

.post h1 strong, .post h1 a:hover { color:$textcolor;}

.post-body h2, h3, h4, h5, h6{
font-family: 'Redressed', cursive;
display:block;
line-height:100%;
text-shadow:1px 1px #fff;}

.post-body h2{font-size:150%;}

.post-body h3{font-size:130%;}

.post-body h4{font-size:110%;}

.post-body h5{font-size:90%;}

.post-body h6{font-size:70%;}

.post-body {
  padding: 20px 0px;
  margin:0 0;
  line-height:1.5em;}

.post-body blockquote {  line-height:1.3em; }

.post-footer {
  margin: .75em 0;
  color:$sidebarcolor;
  text-transform:none;
  letter-spacing:0;
  font: $postfooterfont;
  line-height: 1.4em;}

.post-autor{
margin: 0 auto;
padding: 10px;
min-height:70px;
background: #f9f9f9;
border:1px solid #fff;
font-size:13px;
font-family: Arial;
-moz-box-shadow:0px 0px 1px #d5d5d5;
-webkit-box-shadow:0px 0px 1px #d5d5d5;
box-shadow:0px 0px 1px #d5d5d5;}

.post-autor h4{font-size: 15px; font-weight:bold;color:#999;text-shadow:1px 2px #fff;}

.autor-avatar img{float:left; width: 60px;height:60px;margin: 0px 10px 0px 0px;padding: 8px;}

.post img{
margin: 5px 5px;
padding:6px;
-moz-box-shadow: 0px 8px 8px -7px #d6d6d6;
-webkit-box-shadow:0px 8px 8px -7px #d6d6d6;
box-shadow:0px 8px 8px -7px #d6d6d6;
background:#fff;border:1px solid #f1f1f1;}

table.tr-caption-container{
padding:8px;
-moz-box-shadow:0px 0px 1px #d5d5d5;
-webkit-box-shadow:0px 0px 1px #d5d5d5;
box-shadow:0px 0px 3px #d5d5d5;
background:transparent;border:1px solid #fff;
font-style: italic;}

.tr-caption-container img {
-moz-box-shadow:0px 0px 0px #d5d5d5;
-webkit-box-shadow:0px 0px 0px #d5d5d5;
box-shadow:0px 0px 0px #d5d5d5;
background:transparent;border:1px solid #fff;
padding: 6px;}

.post blockquote {
margin:1em 10px;
padding: 10px 10px 10px 15px;
font-style:italic;
background: url(http://3.bp.blogspot.com/-EycKj5edqrQ/Tn76ka4rISI/AAAAAAAAAp0/1LJZAKYAsOU/s000/blockquote.png)  repeat-y top left;
}

.post blockquote p {  margin:.75em 0;}

#comment-form, .comment-form{
height: 315px;
margin: 20px auto;padding: 10px 100px 0px;-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0px 1px 2px #d100b2;
-webkit-box-shadow:0px 1px 2px #d100b2;
box-shadow:0px 1px 2px #ccc;
border:1px solid #fff;
word-wrap: break-word;
overflow: hidden; }
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 05:21
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Probleme Blog Empty
Non, effectivement, ça, c'est le code CSS. Le code HTML contient des balisescommençant par < et finissant par > ! ^^
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 05:32
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Oups. ^^"

Code:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Messages du blog' type='Blog'>
<b:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><img src='http://1.bp.blogspot.com/-FIDs4Dw-QOQ/Tn76ouaF_yI/AAAAAAAAAqs/cg9WtENIcrI/s000/esquerda.png'/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='http://3.bp.blogspot.com/-ieqa1QseBjM/Tn76ozpv2AI/AAAAAAAAAqw/Gakw1OXma3E/s000/direita.png'/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'>

<a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/>
</span>
</a></b:if>

<b:if cond='data:top.showBlogThisButton'>

<a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>

<span class='share-button-link-text'>
<data:top.blogThisMsg/></span>

</a>
</b:if>

<b:if cond='data:top.showTwitterButton'>
<a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a>
</b:if>

<b:if cond='data:top.showFacebookButton'>
<a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span>

</a></b:if>

<b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if>

<b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span>
</a></b:if>

<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'>
<data:post.dummyTag/>
</div>
</b:if>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 05:53
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Je crois plutôt que c'est ceci :
(enfin j'espère)
Code:
 </script>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>


<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

<div class='post-header'>
<b:if cond='data:blog.pageType == "item"'>

<div class='post-header-line-1'>

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<span class='date-header'><data:post.dateHeader/></span>
<b:else/>
<span class='date-header'>
<script>document.write(ultimaFecha);</script>
</span>
</b:if><span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a></b:if></b:if></span><span class='post-labels'>
<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if></span><span class='post-comment-link'><b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 05:56
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Probleme Blog Empty
Effectivement, c'est le second!

Alors, pour ton slider:
Dans ton code, tu as ceci:
Code:
<div class='window'>
<div class='image_reel'>

<!-- SLIDESHOW IMAGES -->
<a href='' rel='1'><img alt='' src='http://1.bp.blogspot.com/-77TtMOCdpUM/Tn76nUlgYYI/AAAAAAAAAqg/h0VkbH3ndEM/s000/wallpapersafull_4110..jpg'/></a>
<a href='http://kyototoutunete.blogspot.fr/' rel='2'><img alt='' src='http://img11.hostingpics.net/pics/257896Kyotoblog.jpg'/></a>
<a href='#' rel='3'><img alt='' src='http://2.bp.blogspot.com/-kmQfsXwgKF8/Tn76oPb3fKI/AAAAAAAAAqo/2zL1oS9jRIQ/s000/wallpapersafull_4106..jpgg'/></a>

</div></div>

En dessous de "SLIDESHOW IMAGES" tu as les trois images qui constituent ton slider, et le "a href" est le lien vers laquelle elles mènent. Donc, si tu souhaites simplement mettre une image de ton article le plus récent, et ne plus un lien vers ton article, il suffit de faire ceci:
Code:
<div class='window'>
<div class='image_reel'>

<!-- SLIDESHOW IMAGES -->
<a href='#' rel='1'><img alt='' src='URL_DE_LA_PREMIERE_IMAGE'/></a>
<a href='LIEN_VERS_TON_PREMIER_POST' rel='2'><img alt='' src='URL_DE_LA_SECONDE_IMAGE'/></a>
<a href='LIEN_VERS_TON_SECOND_POST' rel='3'><img alt='' src='URL_DE_LA_TROISIEME_IMAGE'/></a>

</div></div>

Ce que je fais ici, c'est que la première slide est la slide vide. Le dièse (#) veut dire qu'en cliquant sur le lien, tu restes à la même page. Pour les deux seconds, tu as une image qui représente tes articles, et quand tu cliques sur ces images, alors tu accèdes directement à cet article. Cependant, tu ne peux mettre que deux articles dans ton slider!

Si tu désires plutôt un tableau (au sein d'une slide), avec beaucoup de petites images, chacune menant vers un article, tu n'as qu'à demander, je pense que c'est faisable (après, il faudra tester, je te laisserais faire ceci). sinon, si tu aimes aussi comme ça, c'est à dire avec seulement deux slides menant chacune à l'article de ton choix, tu choisis.

Par contre, je ne connais pas de code pour changer automatiquement à l'article le plus récent! Il te faudra donc faire cela manuellement!

Je regarde maintenant pour les commentaires. Je reposterais une fois que j'aurais trouvé!
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 06:10
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Probleme Blog Empty
Désolée du double post, mais pour te dire, le problème avec tes commentaires, c'est que la partie qui continent le lien est en position absolue. Alors lorsque le bloc de commentaire se remplit, le lien reste à la même place, et donc le lien est caché!

Code:
#comments-block .comment-footer {
position: absolute; /*Ceci est à retirer*/
top: 0;left: 85%;
line-height: 1.3em;
text-transform:none;
letter-spacing:0;
font-size:11px;}

Je ne suis cependant pas sûre qu'il faille remplacer par relative, car cela pourrait causer le même problème. Je pense que simplement retirer le position: absolute devrait régler le problème, mais pas sûre. Pourrais-tu tester pour moi?
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 06:18
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Probleme Blog Empty
Yop'
Vu que vous êtes deux à le pratiquer (BlueBerryggdrasil et Nyo The Neko), je vous demande de faire davantage attention la prochaine fois et d'éviter les doubles-posts (: (Surtout quand c'est à quelques minutes d'intervalle ._.)
Utilisez à l'avenir la fonction éditer !
Merci de votre compréhension Probleme Blog 926145
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 08:51
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Oui pardon, je ferais attention. ^^"

Pour "position: aboslute", rien ne change quand je l'enlève.

Concernant le slideshow, n'y a t'il pas un moyen de générer automatiquement un image de mon article et de la liée automatiquement au lien du même article ?
Parce que aller changer chaque jour le code et créer un image spécifique pour chaque nouveau nouveau post, c'est un peu trop fastidieux.
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 09:17
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Probleme Blog Empty
C'est possible pour le slideshow, mais je ne sais pas comment. Il doit y exister un script pour cela, mais ne connaissant que mal javascript, je ne peux pas t'aider! Essaie de chercher sur internet, ou attends qu'une personne compétente puisse t'aider ici.

Quant aux commentaires... là aussi je sèche.On pourrait essayer une position relative, mais pas sûre que cela marche...
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 13:24
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Non la position relative ne marche pas non plus.
Mais merci. Smile
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyJeu 26 Avr 2012, 15:10
Revenir en haut Aller en bas
http://lower-theory.teamconvention.com/index.htm
Nyo The Neko
Nyo The Neko
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 245



Probleme Blog Empty
Alors désolée, j'arrive à la limite de mes connaissances, je crois!

Si quelqu'un d'autre a une idée, qu'il le dise!
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyVen 27 Avr 2012, 06:14
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Probleme Blog Empty
Hello BlueBerry......! Wink
Ton problème est-il toujours d'actualité ?
As-tu progressé dans tes recherches ?
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyMar 01 Mai 2012, 14:50
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Bonjour !

Mon problème n'est plus d'actualité, j'ai finalement changer de design, cependant j'ai maintenant un autre problème avec un double bloc de message que je n'arrive pas à enlever (même si je passe par le code HTML).
Il me semble que ce problème vient de blogger, mais j'attends toujours une réponse de leur part ...

Le suivie des messages sur ce forum est très appréciable, merci. Smile
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyMer 02 Mai 2012, 08:14
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Probleme Blog Empty
Je laisse donc le sujet ouvert pour quelques jours encore.
Nous attendons de tes nouvelles.

Merci pour ton appréciation. Wink
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyMer 02 Mai 2012, 08:21
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Probleme Blog Empty
Hello !
Le problème est-il toujours d'actualité ?
Si oui, peux-tu le préciser à nouveau afin que les codeurs puissent éventuellement t'aider.
Merci d'avance Probleme Blog 926145
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyLun 07 Mai 2012, 13:31
Revenir en haut Aller en bas
http://ebcafe.blogspot.fr/
BlueBerryggdrasil
BlueBerryggdrasil
{ Membre }
{ Membre }

Féminin Messages : 11



Probleme Blog Empty
Bonsoir !

Non le problème n'est plus d'actualité, tout a été résolu. Smile
Vous pouvez donc fermer ce topic.

Merci encore pour votre professionnalisme. Wink
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyLun 07 Mai 2012, 17:18
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Probleme Blog Empty
Merci à toi de ta réponse (:
Professionnalisme je ne sais pas, mais nous essayons de faire au mieux ^^
Sur ce, je classe Probleme Blog 926145
MessageSujet: Re: Probleme Blog   Probleme Blog EmptyLun 07 Mai 2012, 17:58
Revenir en haut Aller en bas
Contenu sponsorisé




Probleme Blog Empty
MessageSujet: Re: Probleme Blog   Probleme Blog Empty
Revenir en haut Aller en bas
 

Probleme Blog

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème avec forum en blog
» Blog mariage
» Du forum au blog :)
» problème couleur texte + un autre problème de ... "thème".
» petit probleme avec mon QEEl :S [Probleme CLOS]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit