Previzualizare: click
Instalare:
Panou de Administrare ~> Module ~> Administrare Pagini HTML ~> Creare in mod avansat (html)
Titlu * : Index forum // Intro forum
Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.? : personalizati dupa bunu plac.
Daca bifati "nu", va trebui sa introduceti un cod complet (cu tag-uri html, body, head...).
In acest caz, in momentul editarii paginii, editorul html este dezactivat.
Utilizati aceasta pagina ca pagina de start? : Da
Titlu * :
Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.?
Da Nu
Daca bifati "nu", va trebui sa introduceti un cod complet (cu tag-uri html, body, head...).
In acest caz, in momentul editarii paginii, editorul html este dezactivat.
Utilizati aceasta pagina ca pagina de start?
pentru a vedea acest cod,trebuia sa raspunzi cu minim 3 cuvinte.
Instalare:
Panou de Administrare ~> Module ~> Administrare Pagini HTML ~> Creare in mod avansat (html)
Titlu * : Index forum // Intro forum
Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.? : personalizati dupa bunu plac.
Daca bifati "nu", va trebui sa introduceti un cod complet (cu tag-uri html, body, head...).
In acest caz, in momentul editarii paginii, editorul html este dezactivat.
Utilizati aceasta pagina ca pagina de start? : Da
Titlu * :
Doriti sa utilizati partea de sus si de jos a paginii forumului dvs.?
Da Nu
Daca bifati "nu", va trebui sa introduceti un cod complet (cu tag-uri html, body, head...).
In acest caz, in momentul editarii paginii, editorul html este dezactivat.
Utilizati aceasta pagina ca pagina de start?
- Cod:
[hide]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" type="image/x-icon" href="http://www.ipsfocus.com/skindemo/favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Extrem Tutorials, Index Templates, Forumotion Themes,Forumgratuit Skins, Html, CSS, Javascript, jQuery" />
<meta name="description" content="Fii creativ in felul tau!" />
<title>România Support - Ajutorul tău de zi cu zi!</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Exo:400,500,600,600italic,700,700italic,800,500italic,400italic,800italic' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css' />
</head>
<body>
<div class="header">
<center>
<table class="colt">
<tr>
<td>
<div class="logo-text">România <b>Support</b>
</div>
<div class="desc-text">
Ajutorul tau de zi cu zi!
</div>
</td>
<td width="595px">
<div id="search-box">
<form method="get" action="/search.forum" id="search">
<p class="nomargin">
<input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Scrieţi aici ceea ce căutaţi..." onclick="if (this.value == 'Scrieţi aici ceea ce căutaţi...') this.value = '';" onblur="if (this.value == '') this.value = 'Cautare...';"
/>
<input class="button2" type="submit" value="Cautare" />
<div class="cautare-avansata">
<input id="topics" name="show_results" value="topics" checked="checked" type="radio" />Subiecte
<input id="posts" name="show_results" value="posts" type="radio" />Mesaje
</div>
</p>
</form>
</div>
</td>
</tr>
</table>
<div class="general-nav">
<table>
<tr>
<td class="active"> <a href="/index.html">Forum</a>
</td>
<td> <a href="/h2-contact">Contact</a>
</td>
<td> <a href="#">Portal</a>
</td>
<td> <a href="#">Link-ul meu</a>
</td>
<td> <a href="#">Link-ul meu</a>
</td>
<td> <a href="#">Link-ul meu</a>
</td>
</tr>
</table>
</div>
</center>
</div>
<table cellspacing="0" class="wrap">
<tr>
<td width="810" valign="top" class="corner-left">
<div class="h3">Bine ai venit pe <b>România Support</b>
</div>
<div class="trext">
<img class="quote" src="http://i57.servimg.com/u/f57/15/42/26/78/chat10.png" />Noi ne dorim ca să te simți bine la noi pe forum și să reușești să îți faci noi prieteni cu care să te întelegi bine. De asemenea, dorim ca timpul pe care îl petreci aici să fie unul util pentru tine și cu puțin noroc să poți învăța lucruri noi. Sperăm că o să fi mulțumit de forumul nostru și că o să îți aduci și prietenii cu tine, cu cât o să fim mai mulți, cu atât o să fie mai bine.
</div>
<br />
<div class="h3">Despre <b>România Support</b>
</div>
<div class="trext">
Forumul România Support este un forum non-profit, care ofera servicii gratuite tuturor membrilor întregistrati. Pe acest forum, puteți găsi diverse tutoriale pentru a vă personaliza forumul așa cum doriți. Forumul mai are și alte servicii, cum ar fi: imagini gratuite, fisiere .psd(fisiere editabile adobe photoshop), template-uri gratuite, indexuri pentru forumurile de gaming și multe altele.
Noi dorim să fim de asemenea și un forum care să vă ofere ajutor(suport) în problemele pe care le întâmpinați. Principalele noastre obiective sunt acelea de a ajunge un forum populat și care oferă servicii bune pentru utilizatorii care o să îl folosească.
Tot un obiectiv principal este acela de a vă asigura protecția conturilor și a datelor de pe forum, de aceea vă rugăm și fă atenționăm să nu folosiți parole care pot fi ușor identificate. Fiecare membru are la nume o poză cu un cerculeț albastru în care se găsește un semn de bifat, aceasta înseamnă că contul dvs a fost deja verificat de către noi.
Atenție însă să nu confundați conturile verificate cu protecția garantată, sunteți direct răspunzător de contul personal. De asemenea, vă rugăm să nu postați datele dvs reale de naștere, evitați pe cât posibil acest lucru, nu vom putea face nimic dacă cineva poate să vă afle CNP-ul.
</div>
<div align="right"><a href="#" class="mybuton"><span style="color: white;">Citeşte tot</span></a>
</div>
<br />
<div class="h3">Ce este un forum?</div>
<div class="trext">
<img class="quote" src="http://i57.servimg.com/u/f57/15/42/26/78/theme11.png" />Forumul este o comunitate de oameni care se adună să discute probleme de zi cu zi sau probleme legate de Internet. În general se încearca crearea unei comunități care să dezbată un anumit aspect al vieții cotidiene. Îți dai seama că
un forum care se axează pe subiectul VIAȚĂ ar fi mult prea complex și, în același timp, superficial pentru că nu ar putea să acopere întreaga problematică a vieții. De aceea, se alege numai un aspect al vieții, cum ar fi relațiile dintre
șef și angajat, un forum auto sau un forum dedicat problemelor web-design-ului.
</div>
<br />
<div class="h3">Despre categoria de gaming</div>
<div class="trext">
<img src="http://i57.servimg.com/u/f57/15/42/26/78/theme-10.png" class="quote" />Momentan forumul nostru nu este orientat spre gaming. Dar, dacă doriți o secțiune de gaming o putem face. Condițiile sunt următoarele: în primul rând trebuie să aveți o activitate în această secțiune, să postați zilnic tutoriale, resurse, ghiduri etc
În al doilea rând trebuie să fiți responsabili de ceea ce postați și dacă postați cu copy+paste, vă rugăm să postați și sursa de unde ați preluat tutorialul, resursa sau ghidul respectiv. Nu trebuie să vă faceți griji de postarea linkurilor externe, astfel de linkuri nu vor fi sancționate de către membrii echipei. În ultimul rând
am dori ca să adaugăm și un subforum special pentru ajutor. Așadar, dacă vreți ca în categoria de gaming să fie counter-strike, trebuie să știți să îi ajutați și pe alți dacă întâmpină dificultăți la acest joc.
</div>
<br />
<div class="h3">Protecția conturilor</div>
<div class="trext">
<img src="http://cdn4.iconfinder.com/data/icons/pretty_office_3/64/Male-User-Warning.png" class="quote" />Sistemul nostru de securitate vă poate proteja conturile parțial, pentru o protecție sigură vă rugăm să țineți cont de următoarele sfaturi. În primul rând trebuie să aveți o parolă alcătuită din mai multe caractere: litere, cifre, simboluri, fiecare poate să se repete, dacă este cazul.
Apoi, trebuie să aveți mare grijă la datele personale pe care le scrieți pe forum, nu puteți datele exacte ale dvs, puteți aproxima datele, numai dacă doriți. În al doilea rând trebuie să știți că echipa nu o să vă ceară nici o dată CNP-ul sau seria de buletin, evitați cât puteți de mult distribuirea acestor informații. De asemenea, vă rugăm să nu postați imagini cu buletinul personal.
Echipa noastră nu o să vă ceară nici o dată astfel de date, dacă o să vă ceară cineva atunci cu sigurantă este o capcană. În final, dorim să vă spunem că nu suntem responsabili de datele dvs personale și ceea ce se întâmplă cu ele, sunteți deja informați prin citirea acestui mesaj cu ceea ce se întâmplă dacă vă oferiți datele. De asemenea, aveți și sfaturi pentru evitarea acestor incidente. Mulțumesc pentru întelegere!
</div>
</td>
<td width="250" valign="top" class="corner-right">
<div class="h3">Conectare</div>
<div class="trext">
<div class="loginbox">
<form action="login.forum?connexion" method="post">
<input class="txt" name="username" size="15" maxlength="40" value="Nume utilizator" onclick="if (this.value == 'Nume utilizator') this.value = '';" onblur="if (this.value == '') this.value = 'Nume utilizator';" type="text" />
<input class="txt" name="password" size="15" maxlength="32" value="Parola" onclick="if (this.value == 'Parola') this.value = '';" onblur="if (this.value == '') this.value = 'Parola';" type="password" />
<label for="autologin">
<input name="autologin" id="autologin" tabindex="4" checked="checked" class="radio" type="checkbox" />
</label>
<br />
<input class="mainoption" name="login" value="Login" type="submit" /> <a href="/profile.forum?mode=sendpassword">Recuperare parola</a>
</form>
<br />
</div>
</div>
<br />
<br />
<div class="h3">Social</div>
<ul class="social">
<li><a href="#" class="facebook">Facebook</a>
</li>
<li><a href="#" class="plus">Google Plus</a>
</li>
<li><a href="#" class="twitter">Twitter</a>
</li>
<li><a href="#" class="Youtube">Youtube</a>
</li>
<li><a href="/rss" class="rss">Feed</a>
</li>
</ul>
<div class="h3">Parteneri</div>
<center>
<ul class="parteneri">
<li><a href="#">Link partener</a>
</li>
<li><a href="#">Link partener</a>
</li>
<li><a href="#">Link partener</a>
</li>
<li><a href="#">Link partener</a>
</li>
<li><a href="#">Link partener</a>
</li>
<li><a href="#">Link partener</a>
</li>
</ul>
</center>
<div class="h3">Contul Admin</div>
<div class="trext">
<img src="http://i57.servimg.com/u/f57/15/42/26/78/quote12.png" class="quote" />Contul Admin este folosit de către fondatorul forumului, acesta nu se conectează prea mult pe forum. Vă rugăm să nu îl contactați prin mesagerie privată deoarece nu o să răspundă, luați legătura cu un administrator pentru ai trimite un mesaj.
De asemenea, vă rugăm să nu îl contactați pentru întrebări simple, contactațil numai dacă problema dvs nu poate fi rezolvată de către un administrator. Mulțumesc!</div>
</td>
</tr>
</table>
<br />
<div class="host">Forum hostat de <a href="http://www.forumgratuit.ro" target="_blank">forumgratuit.ro</a></div>
<script type="text/javascript">document.write('\u0020\u0020\u0020\u0020\u003C\u0064\u0069\u0076\u0020\u0063\u006C\u0061\u0073\u0073\u003D\u0022\u0063\u006F\u0070\u0079\u0072\u0069\u0067\u0068\u0074\u0022\u003E\u000D\u0020\u0020\u0020\u0020\u0020\u0020\u0044\u0065\u0073\u0069\u0067\u006E\u0020\u0063\u0072\u0065\u0061\u0074\u0020\u0073\u0069\u0020\u0063\u006F\u0064\u0061\u0074\u0020\u0064\u0065\u0020\u003C\u0061\u0020\u0068\u0072\u0065\u0066\u003D\u0022\u0068\u0074\u0074\u0070\u003A\u002F\u002F\u0065\u0078\u0074\u0072\u0065\u006D\u002D\u0074\u0075\u0074\u006F\u0072\u0069\u0061\u006C\u0073\u002E\u0063\u006F\u006D\u002F\u0022\u003E\u003C\u0075\u003E\u005A\u0065\u0075\u0073\u003C\u002F\u0075\u003E\u003C\u002F\u0061\u003E\u0020\u00A9\u0020\u0054\u006F\u0061\u0074\u0065\u0020\u0064\u0072\u0065\u0070\u0074\u0075\u0072\u0069\u006C\u0065\u0020\u0072\u0065\u007A\u0065\u0072\u0076\u0061\u0074\u0065\u000D\u0020\u0020\u0020\u0020\u003C\u002F\u0064\u0069\u0076\u003E\u000D\u0020\u0020\u0020\u0020\u003C\u0073\u0074\u0079\u006C\u0065\u0020\u0074\u0079\u0070\u0065\u003D\u0022\u0074\u0065\u0078\u0074\u002F\u0063\u0073\u0073\u0022\u003E');</script>
.social li {
list-style-type: none;
padding: 10px;
}
.parteneri li {
padding: 10px;
}
.social a {
padding-left: 36px;
padding-top: 10px;
font-size: 15px;
padding-bottom: 10px;
}
.copyright {
font-size: 11px;
width: 1000px;
font-weight: bold;
padding-bottom: 18px;
margin: 0 auto;
}
.facebook {
background: url(http://i57.servimg.com/u/f57/15/42/26/78/social12.png) no-repeat;
}
.Youtube {
background: url(http://i57.servimg.com/u/f57/15/42/26/78/social13.png) no-repeat;
}
.plus {
background: url(http://i57.servimg.com/u/f57/15/42/26/78/google10.png) no-repeat;
}
.twitter {
background: url(http://i57.servimg.com/u/f57/15/42/26/78/social14.png) no-repeat;
}
.rss {
background: url(http://i57.servimg.com/u/f57/15/42/26/78/social15.png) no-repeat;
}
.quote {
display: block;
float: left;
position: relative;
margin-right: 5px;
margin-top: 5px;
}
.corner-right {
border: 1px solid #FFF;
background: url('http://i57.servimg.com/u/f57/15/42/26/78/conten10.png') repeat scroll 0% 0% #FFF;
border-left: 1px solid #eee;
border-radius: 0px 5px 5px 0px;
}
p {
text-shadow: 1px 1px 1px #f1f1f1;
font-family: Telex!important;
}
.trext {
line-height: 20px;
padding: 3px;
}
.h3 {
font-size: 18px !important;
font-family: 'Exo', sans-serif !important;
text-shadow: 0px 1px 1px #FFF;
color: #1298FF;
border-bottom: 1px dashed #d7d7d7;
border-top: 1px dashed #eee;
background: url(http://i57.servimg.com/u/f57/15/42/26/78/menu-b10.png) no-repeat scroll -870px;
-26px transparent;
padding: 2px 5px !important;
}
.wrap {
border: 1px solid #d7d7d7;
width: 1024px;
margin: 0 auto;
margin-top: 40px;
background: white;
opacity: 0.9;
border-radius: 5px;
font-size: 12px;
font-family: Droid Sans;
}
ul.meniu921 li {
float: left;
list-style-type: none;
padding: 5px;
font-size: 11px;
}
.cautare-avansata {
float: right;
font-size: 11px;
background: #f9f9f9;
padding: 3px;
position: absolute;
top: 30px;
opacity: 0.2;
box-shadow: 0px 0px 3px #d7d7d7;
border-radius: 30px;
margin-left: 430px;
}
#search-box #keywords:focus + input + div {
display: none;
}
.cautare-avansata:hover {
opacity: 1.0;
cursor: pointer;
}
.general-nav {
background: url('http://i57.servimg.com/u/f57/15/42/26/78/menu-b11.png') no-repeat scroll 0% 0% transparent;
height: 80px;
padding: 12px 10px;
width: 960px;
margin: 0 auto;
text-align: center;
margin: -19px auto;
}
.general-nav td {
padding: 6px;
font-family: 'Exo', sans-serif;
text-shadow: 1px 1px 1px white;
}
.general-nav table {
margin: 9px auto;
}
.general-nav a,
a:link,
a:visited,
a:active {
color: #777777;
text-decoration: none;
}
.general-nav a:hover,
a:hover {
color: #1298FF;
text-decoration: none;
}
.general-nav .active a {
font-weight: bold;
}
a {
text-decoration: none;
}
body {
background: url("http://i40.servimg.com/u/f40/17/00/85/53/bg-bod10.gif") repeat;
margin: 0 auto;
color: #777777;
font-family: Arial, Verdana, Tahoma, sans-serif;
}
.colt {
padding-top: 5px;
}
.logo-text {
margin: 0 auto;
font-size: 34px;
font-family: 'Exo', sans-serif;
text-shadow: 0 1px 1px #fff;
text-align: center;
color: #1298FF;
}
.desc-text {
text-align: center;
color: #F58700;
font-family: 'Euphoria Script', cursive;
font-size: 24px;
letter-spacing: 1px;
margin: 0 auto;
text-shadow: 1px 0 0 #FFFFFF;
}
.header {
background: url('http://i57.servimg.com/u/f57/15/42/26/78/divide10.png') repeat-x scroll center bottom #FFF;
width: 100%;
height: 110px;
}
.trext input.mainoption,
.mybuton {
border-radius: 3px;
background: url(http://i57.servimg.com/u/f57/15/42/26/78/featur10.png) -10px -7px;
border: 0px;
margin-right: 5px;
margin-top: 2px;
color: white;
text-shadow: 1px 1px 1px #eee;
padding: 2px 5px;
cursor: pointer;
box-shadow: 1px 1px 1px #adadad, inset 1px 1px 1px #f1f1f1;
}
.trext input.txt {
padding: 3px;
border-radius: 5px;
border: 1px solid #d7d7d7;
}
.trext input:focus {
position: relative;
box-shadow: 0px 0px 8px #1298FF;
}
#search-box {
padding-left: 32px;
padding-top: 1px;
height: 51px;
width: 700px;
background: transparent url(http://i40.servimg.com/u/f40/17/00/85/53/search11.png) no-repeat center;
}
#search-box #keywords {
width: 595px;
background: transparent;
text-shadow: 1px 1px 1px #fff;
font-family: Telex, serif;
font-style: normal;
font-size: 16px;
border: 0px !important;
background: none !important;
border-radius: 5px 0px 0px 5px;
padding-left: 10px;
height: 37px;
padding-top: 2px;
margin-top: -9px;
width: 593px;
font-weight: normal;
color: #666666;
}
#search-box input.search {
background: none;
}
#search-box input.button2 {
cursor: pointer;
font-size: 0px;
position: relative;
top: -5px;
left: 14px;
opacity: 0.7;
background-image: url(http://i57.servimg.com/u/f57/15/42/26/78/search10.png);
background-color: transparent;
background-repeat: no-repeat;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 32px !important;
height: 32px !important;
border: 0;
background-position: 0 100%;
color: transparent;
}
#search-box input.button2:hover {
opacity: 1.0;
}
#search-box #keywords:focus {
box-shadow: 0px 0px 20px #1298FF;
}
.host {
font-size: 11px;
width: 1000px;
font-weight: bold;
padding-bottom: 18px;
margin: 0 auto;
float: right;
margin-right: -665px;
}
</style>
</body>
</html>
pentru a vedea acest cod,trebuia sa raspunzi cu minim 3 cuvinte.
