Flèche hautFlèche bascodes blog


codes blog
avatar
Pepper Pemrose
m« ACVBBCVBCVBCVBC »
drunken tri-pi
Date d'inscription : : 21/08/2016
Messages : : 107
Points : : 158
Avatar : : Gigi Hadid
Autres comptes : : Lilo la catastrophe ambulante (J. Skriver) et Irina la bonasse (K. Bazan)
Pseudo internet / prénom : : Riverside ou Leo (Eleonore)
Crédits : : Afanen J'ai : 22 ans et mon anniversaire est le : 12 novembre. N'oubliez pas les cadeaux. Je suis : américaine et mes origines sont : américaines elles aussi. En ce moment, je : suis étudiante en 5ème année de communication, après avoir enfin réussi à passer le Bachelor Degree. En dehors des cours je fais partie : des clubs de boxe et de danse. Si jamais vous me cherchez, j'habite : à Westwood, dans un appartement partagé avec Indi et Hazel. Ce qui m'attire ce sont : les hommes (seulement Eliott, en fait) et côté coeur je suis : en couple avec mes chaussons licornes, les amours de ma vie (à défaut d'être avec Eliott). . :













Spoiler:
 































































- ☽ ☾ -

SLMMAESTRI   
- ☽ ☾ -
- ☽ ☾ -

- ☽ ☾ -
24K MAGIC ; LUSH LIFE ; HAPPY
SUCKER FOR PAIN ; YOUNG GOD













- ☽ ☾ -

- ☽ ☾ -
- ☽ ☾ -

- ☽ ☾ -
24K MAGIC ; LUSH LIFE ; HAPPY
SUCKER FOR PAIN ; YOUNG GOD


Bucketlist
challenge accepted :
mission accomplished :
souhait à long terme : blablabla Blablablablablabla blablabla blablabla blablabla blablabla

  Ven 23 Mar 2018 - 19:37
codes blog

template affichage blog
Code:
<div class="header-blog"></div><div class="nav-blog">
<a href="http://www.sungoesdown.org/f166-welcome-to-fakeland">Accueil</a>
<a class="espace-nav-blog" href="http://www.sungoesdown.org/u328">a propos de moi</a>
<a class="espace-nav-blog" href="http://www.sungoesdown.org/privmsg?mode=post&u=328">me contacter</a>
</div>
<div class="forumlineblogblog">
<!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN topic -->
<div class="ba">
<table class="forumline-blog"  width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="{topics_blog_box.row.ROW_CLASS}" valign="top" colspan="7">
 
 
<center>
<div class="datetitreblog"><div class="blog_cal-content">
{topics_blog_box.row.FIRST_POST_DMY_VALUE0} / {topics_blog_box.row.FIRST_POST_DMY_VALUE1}
</div>
<a class="topictitleblog" href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a>
<br />
<span class="gensmall">{topics_blog_box.row.REPLIES} <a href="{topics_blog_box.row.U_VIEW_TOPIC}#comments" style="text-transform:lowercase;">{L_COMMENTS}</a> ≡ {topics_blog_box.row.VIEWS} <span style="text-transform:lowercase;">{L_VIEWS}</span></span>
</div></center>
        <!-- BEGIN switch_description -->
        <span class="genmed">
            <br />
            {topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
        </span>
        <!-- END switch_description -->

        <div class="clear"></div>
        <div class="blog_message content">
            {topics_blog_box.row.FIRST_POST_TEXT}
        </div>
       
             
                  <span class="gensmall">{topics_blog_box.row.TOPIC_ANNOUNCES_DATES}{topics_blog_box.row.TOPIC_CALENDAR_DATES}</span>
        <span class="gensmall">{topics_blog_box.row.GOTO_PAGE}
                  <!-- BEGIN nav_tree -->{topics_blog_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
       

      </td>
  </tr>
 </table>
  </div><!-- END topic --><!-- END row --><!-- END topics_blog_box --><div class="clear"></div></div>

template affichage commentaires
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
     
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
 
  return false;
};

//]]>
</script>


<table width="780" border="0" cellspacing="1" cellpadding="0"  class="bulleblog">
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">

     
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                   
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumlinereprapide">
<tr> <td valign="top" class="post-options titreblog">{postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
  <center>{TOPIC_TITLE}</center>
  </td>
</tr>
<tr>
 <td colspan="3">

  <br />
<div class="postbody postbody_blog">{postrow.displayed.MESSAGE}
<div class="clear"></div>
</div>
                       
</td></tr>
</table>
 
      </td>
  </tr>

  <!-- END displayed -->
  <!-- END postrow -->
 
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="2" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
</table>


<div class="clear"></div>


<div id="blog_comments"><br />
<center><span class="titreblog">Les commentaires</span>
<span class="gensmall pagination">{PAGINATION}</span></center>
 
  <!-- BEGIN post_row -->
  <!-- BEGIN saut -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="2px"></td>
      </tr>
  </table>
  <!-- END saut -->
  <table width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="catLeft" height="25">
            <a name="news_{post_row.ID}"></a><span class="genmed">{post_row.TITLE}</span>
        </td>
      </tr>
      <tr>
        <td class="row2" align="left" height="24"><span class="gensmall"><img src="{ICON_TIME}" alt="" />{post_row.TIME} {BY} <b>{post_row.POSTER}</b></span></td>
      </tr>
      <tr>
        <td class="row1" align="left">
            <span class="gensmall" style="line-height:150%">
              {post_row.TEXT}<br /><br />
              {post_row.OPEN}
              <a href="{post_row.U_READ_FULL}">{post_row.L_READ_FULL}</a>
              {post_row.CLOSE}
            </span>
        </td>
      </tr>
      <tr>
        <td class="row3" align="left" height="24"><span class="gensmall"><a href="{post_row.U_VIEW_COMMENTS}">{L_COMMENTS}</a>: {post_row.REPLIES}</span></td>
      </tr>
  </table>
  <!-- END post_row -->

  <!-- BEGIN comment -->
<table width="100%" border="0" cellspacing="2" cellpadding="0">
      <!-- BEGIN hidden -->
      <tr>
        <td class="postdetails {comment.hidden.ROW_CLASS}" colspan="2" align="center">{comment.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
      <!-- BEGIN displayed -->
<tr class="post post--{comment.displayed.U_POST_ID}" style="{comment.displayed.DISPLAYABLE_STATE}">
<td {comment.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">

  <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
        <td>

<table width="100%"><tr><td valign="top">
<div class="blog_comment-avatar">{comment.displayed.POSTER_AVATAR}</div>
  </td>
<td>
<div id="profile{comment.displayed.U_POST_ID}">
 <div class="blog_comment-title gensmall" style="float:left; padding-right:20px; padding-left:20px;">
  {comment.displayed.POST_DATE_NEW} {L_TOPIC_BY} {comment.displayed.POSTER_NAME}</div>
 
<div class="post-options profile-icons">
  {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG} {comment.displayed.DELETE_IMG}
  <br/></div>
  <br/>
<div class="bulleblog_comments forumline">  {comment.displayed.MESSAGE}
 
</div><div class="clear"></div>
 
  </td></tr></table>
                  </td>
              </tr>
            </table>
        </td>
      </tr>
      <!-- END displayed -->
  </table>
  <!-- END comment -->

  <!-- BEGIN no_comment -->
  <table  class="forumlinereprapide" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr align="center">
        <td class="row1" colspan="2" height="28">
            <span class="genmed">{no_comment.L_NO_COMMENT}</span>
        </td>
      </tr>
  </table>
  <!-- END no_comment -->

<br />

<center><span class="titreblog">Poster un commentaire</span></center>
               
<table width="100%" border="0" cellspacing="1" cellpadding="1">
<tr><td colspan="2" align="center" style="padding:0px;">
      <br/><!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
<td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open">
<tbody>
      <tr>
        <td colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>
       
  </div>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
          <!-- END switch_user_authpost --><br />
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->
      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
 
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

css
Code:
/*------------------------------------
BLOG
------------------------------------*/
.forumlineblogblog {background-color:#e6dcd6; width:770px;
  padding:20px 0px 75px 10px; border-radius:0px 0px 10px 10px; position:relative; z-index:5;}

/*POSTS*/
.titreblog {font-family:gloria hallelujah; text-transform:lowercase; font-size:22px !important;
  color:#e94461 !important; font-weight:300; letter-spacing:0px; text-shadow:1px 1px 0px white;
  margin-bottom:15px; text-align:center !important; padding:5px 0px 5px 0px; line-height:0.7; display:block;
  background-image:url('https://img11.hostingpics.net/pics/900352fond.png'); background-position:center 40%; max-width:780px !important;}
.bulleblog {min-width:780px !important; max-width:780px !important; text-align:justify;}
.postbody_blog {padding:10px 20px 10px 20px; text-align:justify;}
.forumlineblog2 {max-width:780px !important; padding:30px 0px 30px 0px; background-color:#B4DFF1;}

.bulleblog_comments {margin-top:10px; margin-left:0px; width:687px; min-height:50px; text-align:justify;
  font-size:8pt; padding:10px; background-color:white;}
#blog_comments {width:100% !important;}
.blog_comment-avatar img {width:50px; margin-top:20px;}
#blog_comments .bulle {width:95%; min-height:50px;}

/*ACCUEIL*/
.ba {float:left; margin-right:31px; margin-left:9px; max-width:340px; min-width:340px; position:relative;
  margin-top:5px; margin-bottom:15px;}
.forumline-blog img {max-width:330px;}
.forumline-blog {height:350px; max-width:340px; min-width:340px; padding:10px; background-color:white;
  border-radius:10px;}
.forumline-blog .row {padding:10px;}
.forumline-blog .blog_message {overflow:auto; text-align:justify; max-width:340px; min-width:340px;
  max-height:280px; min-height:280px; margin-bottom:5px;}
.blog_top {padding:1px;}

/*DATE ET TITRE*/
.blog_cal-content {font-family:oswald; font-size:16px; text-align:center; color:#696969; text-decoration:none;
  margin-bottom:-5px; font-weight:lighter !important;}
.topictitleblog {font-family:gloria hallelujah; text-transform:lowercase; font-size:18px !important;
  color:#E94461 !important; font-weight:300; letter-spacing:0px; text-shadow:1px 1px 0px white; line-height:0.7;}
.datetitreblog {height:60px;}

/*BANNIERE BLOG + MENU*/
.header-blog {background-image:url('http://zupimages.net/up/17/09/q8cw.png');
  width:780px; height:250px;}
.nav-blog {background-color:#fbf5f1; color:white; height:34px; text-align:center; font-size:18px; width:780px;
  text-transform:uppercase; font-family:oswald; padding-top:12px; margin-bottom:-10px;
  position:relative; z-index:999;}
.nav-blog a {color:#dc9c4a;}
.espace-nav-blog {margin-left:50px;}

/*RESTE*/
.imleft {float:left; margin:10px; max-width:250px;}
.imrig {float:right; margin:10px; max-width:250px;}
.imcen {margin-left:auto; margin-right:auto; max-width:500px; display:block;}
tbl {font-size:30px; color:black; text-align:center; display:block; font-family:abril fatface;
  line-height:25px; text-transform:uppercase;}
blogst {color:#dc9c4a; font-family:oswald;
  font-size:16px; font-weight:lighter; text-transform:uppercase;}
.blog_message tbl {font-size:18px; line-height:20px;}



azertyuiop
codes blog