Message # 1 | 7:58 AM
Custom Forum Post sCons:

Author: Nazariy M.
Date: 2-14-2014
Video:
Mac:
Windows:
Images: Are white you cant really see them.>>>
Images: Are in the archive [Note: Upload these images to your server]
files_images_scons.zip
HTML:Just Profile
Code
<ul class="ui-buttons">
<li class="icon"><a href="$PROFILE_URL$" title="Profile"><img src="/images/icons/profile.png" /></a></li>
</ul>


HTML: Right Part
Code
<ul class="ui-buttons">
<?if($QUOTE_URL$)?><li class="icon"><a class="postQuote" href="$QUOTE_URL$" onmouseover="get_selection()" title="Quote"><img src="/images/icons/quote.png" /></a></li>
<li class="sep"></li><?endif?><?if($CUR_GROUP_ID$=='1')?>
<li class="icon"><a onclick="new _uWnd('Rf','Message to moderator',-430,-150,{autosize:1,closeonesc:1,resize:0},{url:'/forum/9-1-1-14'});return false;" rel="nofollow" href="javascript://" title="report"><img src="/images/icons/report.png" /></a></li>
<li class="sep"></li><?endif?>
<?if($EDIT_URL$)?><li class="icon"><a href="$EDIT_URL$" title="Edit message"><img src="/images/icons/edit.png" /></a></li>
<li class="sep"></li><?endif?>
<?if($DELETE_URL$)?><li class="icon"><a href="$DELETE_URL$" title="Remove post"><img id="dbo$ID$" src="/images/icons/delete.png" /></a></li>
<?endif?>
<li class="spacer"></li>
<li class="icon"><a href="javascript:scroll(0,0);" class="goOnTop" title="Go up"><img src="/images/icons/up.png" /></a></li>
<?if($DEL_ENTRY_FIELD$)?>
<li class="spacer"></li>
<li class="checkbox">$DEL_ENTRY_FIELD$</li><?endif?>
</ul>


CSS: Styler
Code
.ui-buttons {
list-style:none;
display:inline-block;
margin:5px;
height:24px;
background:#0094e1;
}
.ui-buttons li {
float:left;
height:24px;
}
.ui-buttons li a {
position:relative;
display:block;
float:left;
line-height:24px;
color:#fff;
min-width:50px;
text-align:center;
padding:0 8px;

}
.ui-buttons li.icon a{
padding:4px;
min-width:20px;
line-height:9px!important;
}
.ui-buttons li:hover {
background-color:#0087cd;
}
.ui-buttons li.sep {
border-left:1px solid #00a2f6;
}
.ui-buttons li.spacer {
width:5px;
background:#fff;
}
.ui-buttons li.checkbox {
line-height:24px;
background:#fff;                         
}
#delPsSbm.delPostsSubmit {
color:#fff;
font-size:25px;
padding:0 10px;
min-height:30px;
border:none;
background-color:#04a500;
transition:all 0.5s;
}
#delPsSbm.delPostsSubmit:hover {
background-color:#05ca00;                         
}


If you have spaces, like in the video. You will need to add this into CSS:
Code
ul li,ul {
margin:0px;
padding:0px;
}


Added (2014-04-26, 1:35 AM)
---------------------------------------------
Code Updated: 1 uCoz code error.
Update title please,Add Tutorial:My original Title
Thanks alot -VZ
Attachments: 5793065.png (42.9 Kb)

Hit that "Thanks" button. :)
In life there's ALWAYS limits but do not plan above them.
Post edited by VZ - Monday, 2014-06-02, 7:59 AM