The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to make like this?

View previous topic View next topic Go down

Solved How to make like this?

Post by NikkoBryan14 on May 22nd 2012, 2:34 pm

Hello Using php in posts is called being a smart [Language]... Stop it , if you don't mind...
Can you help me to do something like this in my Forum??



I just need it coz it is awesome.,


Last edited by NikkoBryan14 on May 23rd 2012, 2:42 pm; edited 1 time in total

NikkoBryan14
Forumember

Male Posts : 274
Reputation : 8
Language : English
Location : Philippines

Back to top Go down

Solved Re: How to make like this?

Post by runawayhorses on May 22nd 2012, 3:12 pm

what is it and why would you want it?

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: How to make like this?

Post by Sir Chivas™ on May 22nd 2012, 3:17 pm

Hi, Hello

This is from my forums. Here are the codes.

Add this in the CSS
Code:
.blocs {
    background: #COLOR;
    border: 4px solid #COLOR;
    -webkit- border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #000 inset;
    -webkit-box-shadow: 0px 0px 5px #000 inset;
    -o-box-shadow: 0px 0px 5px #000 inset;
    box-shadow: 0px 0px 5px #000 inset; 
    text-align : justify;
    padding : 5px;
    font-weight : normal;
    height : 200px;
}


.contexte {
    background: #COLOR;
    border: 2px solid #COLOR;
    -webkit- border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #000 inset;
    -webkit-box-shadow: 0px 0px 5px #000 inset;
    -o-box-shadow: 0px 0px 5px #000 inset;
    box-shadow: 0px 0px 5px #000 inset; 
    width : 310px;
    padding : 10px;
    height : 140px;
    overflow : auto

This will go in the Homepage Message. (ACP >> Display >> Generalities >> Homepage Message.)
Code:
<font color=#000000><b>Name it what you want</b></font>
<center><table><tbody><tr>
<td width="550px" height="200px"> <div class="blocs">



<fieldset style="

background: #fff;
border: 2px solid #COLOR;
-webkit- border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #000 inset;
-webkit-box-shadow: 0px 0px 5px #000 inset;
-o-box-shadow: 0px 0px 5px #000 inset;
box-shadow: 0px 0px 5px #000 inset; padding: 4px;"><div style="height: 100px; overflow: auto; text-align: justify; padding-right:5px;"><center>

<a href="FOrums url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>

<a href="/url" rel="nofollow" target="_blank"><img src="http://i46.servimg.com/u/f46/15/86/71/61/blank110.png"" width="88" height="31" border="0" alt="tt" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=80" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=60"></a>
</center></div></fieldset>


</div> </td><div align="right"><b>Name it what you want</b></div>

<td width="250px" height="200px"><div class="blocs" height="180px">
<br><div class="contexte" style="color : #COLOR">
<br>
<br>
Text goes here.

</div> </div>
</td></tr></tbody></table></center>

note: Make sure to change the color to what you want.

Link: http://forumotionservice.forumotion.com/t80-tutorial-boxes-of-affiliation-updates

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to make like this?

Post by NikkoBryan14 on May 23rd 2012, 2:42 pm

Thanks !!

NikkoBryan14
Forumember

Male Posts : 274
Reputation : 8
Language : English
Location : Philippines

Back to top Go down

Solved Re: How to make like this?

Post by Sir Chivas™ on May 23rd 2012, 3:04 pm

Glad I solved your problem Wink



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: How to make like this?

Post by Jophy on May 24th 2012, 4:58 pm

Topic Solved & Locked


Jophy

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum