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 this page in forum

View previous topic View next topic Go down

How to make this page in forum

Post by rabid on November 10th 2012, 15:36

Watch this page go

http://hilfe.forumieren.com/h7-teamliste2

How can I make such a wonderful page very

Thank you all

rabid
Forumember

Posts : 47
Reputation : 1
Language : a

Back to top Go down

Re: How to make this page in forum

Post by Nera. on November 10th 2012, 16:41

It's an HTML page with forum header and footer used. Since you can't "take" theirs you'd need to know a bit of HTML and CSS::

http://help.forumotion.com/t13528-creating-an-html-page

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Re: How to make this page in forum

Post by rabid on November 11th 2012, 11:19

Helped me in making just helped me

Modus operandi like

rabid
Forumember

Posts : 47
Reputation : 1
Language : a

Back to top Go down

Re: How to make this page in forum

Post by Nera. on November 11th 2012, 17:06

The problem is that you are not supposed to have the same page like German support forum. And it's not an easy thing to do to explain to you how to make something similar cause you probably want exactly the same page and don't know HTML to figure it out your self on any other example.

This is how the German page is made:

AP > Moduels > HTML pages managment > Use forums footer and header, mark yes and in it paste this:

Code:
<div align="center">
  <table border="0" width="80%">
    <tr>
      <td class="stil" width="100%" height="200"><center><img border="0" src="http://img269.imageshack.us/img269/1833/signaturered.jpg" align="center" width="500" height="154"></center></td>
     
    </tr>
  </table>
</div>
<table border="0" border-style="solid" cellpadding="4" cellspacing="14" bordercolor="#ffffff" width="100%" >
<tr>
<td class="stil" width="750" height="50" colspan="3"><br>
<font size="3" color="#ff6600"><b>Rank here</b><br><img src="http://i48.servimg.com/u/f48/16/38/36/26/red10.png" width="75" height="27"></font><br><div class="h3">text here</div><br> <font size="2" color="#1675BC">Lorem Ipsum je jednostavno probni tekst koji se koristi u tiskarskoj i slovoslagarskoj industriji. Lorem Ipsum postoji kao industrijski standard još od 16-og stoljeća, kada je nepoznati tiskar uzeo tiskarsku galiju slova i posložio ih da bi napravio knjigu s uzorkom tiska. Taj je tekst ne samo preživio pet stoljeća, već se i vinuo u svijet elektronskog slovoslagarstva, ostajući u suštini nepromijenjen. Postao je popularan tijekom 1960-ih s pojavom Letraset listova s odlomcima Lorem Ipsum-a, a u skorije vrijeme sa software-om za stolno izdavaštvo kao što je Aldus PageMaker koji također sadrži varijante Lorem Ipsum-a..</font><br><br></td>

</tr>
<tr>
<td class="stil" valign="bottom" align="center" width="250" height="300"><div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png" width="132" height="200"></div><br>

<font size="2" color="#ff6600"><b>Name here</b></font><br><br>
<a href="http://help.forumotion.com/"><img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
  <a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
</td>
<td class="stil" valign="bottom" align="center" width="250" height="300"><div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png"></div>
<br>

<font size="2" color="#ff6600"><b>Name here</b></font><br><br>
<a href="http://help.forumotion.com/">
<img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
<a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
</td>

<td class="stil" valign="bottom" align="center" width="250" height="300"><br>
<br><br>
</td>
</tr>

<tr>
<td class="stil" width="750" colspan="3"><br>
<font size="3" color="#7bb92b"><b>Rank here</b><br><img src="http://i48.servimg.com/u/f48/16/38/36/26/red10.png" width="75" height="27"></font><br><div class="h3">text here</div><br><font size="2" color="#1675BC"> Lorem Ipsum je jednostavno probni tekst koji se koristi u tiskarskoj i slovoslagarskoj industriji. Lorem Ipsum postoji kao industrijski standard još od 16-og stoljeća, kada je nepoznati tiskar uzeo tiskarsku galiju slova i posložio ih da bi napravio knjigu s uzorkom tiska. Taj je tekst ne samo preživio pet stoljeća, već se i vinuo u svijet elektronskog slovoslagarstva, ostajući u suštini nepromijenjen. Postao je popularan tijekom 1960-ih s pojavom Letraset listova s odlomcima Lorem Ipsum-a, a u skorije vrijeme sa software-om za stolno izdavaštvo kao što je Aldus PageMaker koji također sadrži varijante Lorem Ipsum-a.</font><br><br></td>
</tr>
<tr>
<td class="stil" valign="bottom" align="center" width="250" height="300"><div align="center" valign="middle"> </div><div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png"></div><br><br><br>
<font size="2" color="#7bb92b"><b>Name here</b></font><br><br>
<a href="http://help.forumotion.com/"><img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
<a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
  <br>

</td>

<td class="stil" valign="bottom" align="center" width="250" height="300">
<br><br>
</td>

<td class="stil" valign="bottom" align="center" width="250" height="300"><br>
<br><br>

</td>
  </tr>

<tr>
<td class="stil" width="750" height="50" colspan="3"><br>

<font size="3" color="#e544e0"><b>Rank here</b><br><img src="http://i48.servimg.com/u/f48/16/38/36/26/red10.png" width="75" height="27"></font><br><div class="h3">text here</div><br><font size="2" color="#1675BC">Lorem Ipsum je jednostavno probni tekst koji se koristi u tiskarskoj i slovoslagarskoj industriji. Lorem Ipsum postoji kao industrijski standard još od 16-og stoljeća, kada je nepoznati tiskar uzeo tiskarsku galiju slova i posložio ih da bi napravio knjigu s uzorkom tiska. Taj je tekst ne samo preživio pet stoljeća, već se i vinuo u svijet elektronskog slovoslagarstva, ostajući u suštini nepromijenjen. Postao je popularan tijekom 1960-ih s pojavom Letraset listova s odlomcima Lorem Ipsum-a, a u skorije vrijeme sa software-om za stolno izdavaštvo kao što je Aldus PageMaker koji također sadrži varijante Lorem Ipsum-a.<br><br></font></td>
</tr>
<tr>
<td class="stil" valign="bottom" align="center" width="250" height="300"><div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png"></div><br>
<font size="2" color="#e544e0"><b>Name here</b></font><br><br>
<a href="http://help.forumotion.com/"><img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
<a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
</td>

<td class="stil" valign="bottom" align="center" width="250" height="300"><div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png"></div><br>
<font size="2" color="#e544e0"><b>Name here</b></font><br><br>
<a href="http://help.forumotion.com/"><img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
<a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
</td>
<td class="stil" valign="bottom" align="center" width="250" height="300"><div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png"></div><br><br><br>
<font size="2" color="#e544e0"><b>Name here</b></font><br><br>
<a href="http://help.forumotion.com/"><img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
<a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
</td>



</tr>







<tr>
<td class="stil" width="750" height="50" colspan="3"><br>
<font size="3" color="#c39300"><b>Rank here</b><br><img src="http://i48.servimg.com/u/f48/16/38/36/26/red10.png" width="75" height="27"></font><br><div class="h3">text here</div><br>  <font size="2" color="#1675BC">Lorem Ipsum je jednostavno probni tekst koji se koristi u tiskarskoj i slovoslagarskoj industriji. Lorem Ipsum postoji kao industrijski standard još od 16-og stoljeća, kada je nepoznati tiskar uzeo tiskarsku galiju slova i posložio ih da bi napravio knjigu s uzorkom tiska. Taj je tekst ne samo preživio pet stoljeća, već se i vinuo u svijet elektronskog slovoslagarstva, ostajući u suštini nepromijenjen. Postao je popularan tijekom 1960-ih s pojavom Letraset listova s odlomcima Lorem Ipsum-a, a u skorije vrijeme sa software-om za stolno izdavaštvo kao što je Aldus PageMaker koji također sadrži varijante Lorem Ipsum-a.<br><br></font></td>
</tr>

<tr>
<td class="stil" valign="bottom" align="center" width="250" height="300"><div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png"></div><br><br>
<font size="2" color="#c39300"><b>Name here</b></font><br><br>
<a href="http://help.forumotion.com/"><img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
<a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
</td>


<td class="stil" valign="bottom" align="center" width="250" height="300"><div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png"></div><br><br>
  <font size="2" color="#c39300"><b>Name here</b></font><br><br>
  <a href="http://help.forumotion.com/"><img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
  <a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
</td>


<td class="stil" valign="bottom" align="center" width="250" height="300">
<div align="center" valign="middle"><img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-40.png"></div><br><br>
  <font size="2" color="#c39300"><b>Name here</b></font><br><br>
  <a href="http://help.forumotion.com/"><img src="http://illiweb.com/fa/prosilver/icon_user_profile.png" width="28" height="20"></a> 
  <a href="http://help.forumotion.com/"><img src="http://i34.servimg.com/u/f34/11/54/72/10/icon_c10.png" width="28" height="20"></a>
</td>


  </tr>

<tr>
<td class="stil" width="750" height="50" colspan="3"><br>
<font size="3" color="#c39300"><b>Rank here</b><br><img src="http://i48.servimg.com/u/f48/16/38/36/26/red10.png" width="75" height="27"></font><br> <font size="2" color="#1675BC">Lorem Ipsum je jednostavno probni tekst koji se koristi u tiskarskoj i slovoslagarskoj industriji. Lorem Ipsum postoji kao industrijski standard još od 16-og stoljeća, kada je nepoznati tiskar uzeo tiskarsku galiju slova i posložio ih da bi napravio knjigu s uzorkom tiska. Taj je tekst ne samo preživio pet stoljeća, već se i vinuo u svijet elektronskog slovoslagarstva, ostajući u suštini nepromijenjen. Postao je popularan tijekom 1960-ih s pojavom Letraset listova s odlomcima Lorem Ipsum-a, a u skorije vrijeme sa software-om za stolno izdavaštvo kao što je Aldus PageMaker koji također sadrži varijante Lorem Ipsum-a.<br><br></font></td>
</tr>

 <td class="stil" valign="bottom" align="center" width="250" height="300">
<br>
<br><br>
</td>

<td class="stil" valign="bottom" align="center" width="250" height="300">
<br>
<br><br>
</td>

<td class="stil" valign="bottom" align="center" width="250" height="300"><br>
<br><br>
</td>

</tr>

</table>

Than go to AP > Display > Colors > CSS and add this in it:

Code:
.stil {
    background-color: #E5F1F9;
    border: 1px solid #1675BC;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 5px 5px 10px #536482;
    color: #666666;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 10px;
}

And this is what you will get:

http://tikitiki.forumcroatian.com/h1-tiki
http://tikitiki.forumcroatian.com/h1-tiki
http://tikitiki.forumcroatian.com/h1-tiki



The problem is that there is no way of explaining something like that if you don't know anything about HTML or CSS. And most of you want the exact same thing and that is impossible without using the same codes.

But it still stands that you can't use the exact same codes so you should edit the ones I gave you to make your page not to look the same like theirs. You or anyone else reading. (:


LP

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

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