astăzi, m-am pregătit să vă prezint un index de către un forum (nu fac reclamă)
:avertisment: Atenție: cod-ul conține reclame, iar fondatorii sau administratorii au dreptu de a modifica acest cod. (orice din cod dacă se șterge, moderatoru care l-a postat nu îl mai postează a-2-a oară!)
codu se adaugă în:
Panou de Administrare => Module =>
HTML & JAVASCRIPT => Administrare Pagini HTML => Creare in mod avansat HTML
Screenshot /Poze:
:avertisment: Atenție: cod-ul conține reclame, iar fondatorii sau administratorii au dreptu de a modifica acest cod. (orice din cod dacă se șterge, moderatoru care l-a postat nu îl mai postează a-2-a oară!)
Cod:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- PAGE TITLE -->
<title>OG-Times.RO | Timpurile bune nu se uita niciodata!</title>
<link rel="shortcut icon" href="index_files/images/favicon.ico">
<!-- MAKE IT RESPONSIVE -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- SEO -->
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="og-times,samp-rpg,rpg.og-times.ro,sa-mp romania,rpg romania,samp romania puncte premium,puncte premium gratis,san andreas multiplayer romania,samp rpg romania,rpg romania">
<!-- FAVICON -->
<!--<link rel="shortcut icon" href="images/favicon.png" />-->
<!-- STYLESHEETS -->
<link href="index_files/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="index_files/css/animate.min.css" rel="stylesheet" media="screen">
<link href="index_files/css/font-awesome.min.css" rel="stylesheet" media="screen">
<link href="index_files/style.css" rel="stylesheet" media="screen">
<link href="index_files/css/options.css" rel="stylesheet" media="screen">
<link href="index_files/css/responsive.css" rel="stylesheet" media="screen">
<!-- FONTS -->
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:900,300,400,200,800' rel='stylesheet' type='text/css'>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<!-- START BODY -->
<body>
<!-- LOADER DIV - ONLY HOME -->
<div id="loader">
<div id="loading-logo"></div>
</div>
<div id="page">
<!-- START HEADER -->
<header id="header" class="big with-separation-bottom">
<!-- POINTER ANIMATED -->
<canvas id="header-canvas"></canvas>
<!-- TOP NAVIGATION -->
<div id="top-navigation">
<!-- <ul class="animate-me fadeInDown" data-wow-duration="1.2s">
<li class="menu-item"><i class="fa fa-phone"></i> 00 11 22 33 44</li>
<li class="menu-item"><a href="faq.html"><i class="fa fa-question"></i> FAQ</a></li>
<li class="menu-item"><a href="page.html"><i class="fa fa-link"></i> Just a link</a></li>
<li class="menu-item"><span class="navigation-social">We're social !</span> <a href="#"><i class="fa fa-facebook"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-youtube"></i></a></li>
<li class="menu-item">
<div id="search-container" class="animate-me fadeInDown">
<form role="search" method="get" action="#" >
<input type="text" value="" name="s" id="s" placeholder="Search..."/>
<input type="hidden" name="searchsubmit" id="searchsubmit" value="true" />
<button type="submit" name="searchsubmit"><i class="fa fa-search"></i></button>
</form>
</div>
<a href="#" id="search-toggle"><i class="fa"></i></a>
</li>
<li class="menu-item menu-item-has-children language-switcher">
<a href="#"><i class="fa fa-flag"></i> English <i class="fa fa-angle-down"></i></a>
<ul class="sub-menu bounceInDown">
<li class="menu-item"><a href="#">French</a></li>
<li class="menu-item"><a href="#">Chinese</a></li>
<li class="menu-item"><a href="#">German</a></li>
</ul>
</li>
</ul> -->
</div>
<!-- MOBILE NAVIGATION -->
<nav id="navigation-mobile"></nav>
<!-- MAIN MENU -->
<nav id="navigation">
<!-- DISPLAY MOBILE MENU -->
<a href="#" id="show-mobile-menu"><i class="fa fa-bars"></i></a>
<!-- CLOSE MOBILE MENU -->
<a href="#" id="close-navigation-mobile"><i class="fa fa-long-arrow-left"></i></a>
<ul id="left-navigation" class="animate-me fadeInLeftBig">
<li class="menu-item current-menu-item menu-item-has-children">
<a href="index.html">Home</a>
</li>
<li class="menu-item">
<a href="http://forum.og-times.ro">Forum</a>
</li>
<li class="menu-item">
<a href="http://og-times.ro/panel">Panel</a>
</li>
</ul>
<div class="animate-me flipInX" data-wow-duration="3s">
<a href="index.html" id="logo-navigation">
</a>
</div>
<ul id="right-navigation" class="animate-me fadeInRightBig">
<li class="menu-item"><a href="http://files.sa-mp.com/sa-mp-0.3.7-install.exe" onclick="_gaq.push(['_trackEvent','download','http://files.sa-mp.com/sa-mp-0.3.7-install.exe']);" class="avia-button avia-icon_select-yes-left-icon avia-color-theme-color avia-size-large avia-position-center "><span class="avia_button_icon avia_button_icon_left " aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span class="avia_iconbox_title">Download SA:MP</span></a></li>
<li class="menu-item"><a href="http://forum.og-times.ro/index.php?/topic/7-forum-updates/">Community Updates</a></li>
</ul>
</nav>
<object width="480" height="385"><param name="movie" value=""></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/watch?v=n3XSRzxSUew&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="0" height="0"></embed></object>
<!-- TEXT SLIDER -->
<div id="ticker" class="animate-me zoomIn">
<div id="ticker-text">
<ul>
<li>Old memories always the best!</li>
<li>Locul unde nu te plictisesti niciodata!</li>
<li>Alatura-te si tu comunitatii noastre!</li>
</ul>
</div>
</div>
<!-- SCROLL BOTTOM -->
<div id="scroll-bottom" class="animate-me fadeInUpBig">
<a href="#"><i class="fa fa-angle-double-down"></i></a>
</div>
<!-- SHADOW -->
<div id="shade"></div>
<!-- HEADER SLIDER -->
<div class="flexslider" id="header-slider">
<ul class="slides">
<li><img src="index_files/images/backgrounds/bg1.jpg" alt="SLider Image"></li>
</ul>
</div>
<!-- OR VIDEO -> https://github.com/VodkaBears/Vide -->
<!--<div id="header-video"
data-vide-bg="ogv: images/video/video, webm: images/video/video, poster: images/video/poster" data-vide-options="posterType: jpg, loop: true, muted: true, position: 50% 50%">
</div>-->
</header>
<!-- END HEADER -->
<!-- START MAIN CONTAINER -->
<div class="main-container">
<div class="container">
<!-- SKILLS -->
<h2 class="with-breaker animate-me fadeInUp">
WWW.OG-TIMES.RO <span>Old memories always the best!</span>
</h2>
<table id="skills-container" class="skills">
<tr class="skills-row">
<td class="skill animate-me zoomIn">
<h4><i class="fa fa-info"></i>Update-uri zilnice</h4>
<p>Serverele noastre dispun de actualizari periodice de catre detinatorii acestora</p>
</td>
<td class="skill animate-me zoomIn">
<h4><i class="fa fa-sitemap"></i>Afiliati</h4>
<p>Comunitatea noastra recruteaza servere de orice tip. Daca esti interesat locul tau este aici!</p>
</td>
<td class="skill animate-me zoomIn">
<h4><i class="fa fa-line-chart"></i>Promovare</h4>
<p>Ai multi prieteni? Ajuta si tu comunitatea chemandu-ti prietenii, iar noi te vom rasplatii!</p>
</td>
</tr>
<tr class="skills-row animate-me zoomIn">
<td class="skill">
<h4><i class="fa fa-thumbs-up"></i>O Multime De Lucruri De Facut</h4>
<p>Pe serverul de SA:MP RPG gasesti mereu cate ceva de facut. In acest loc plictiseala dispare</p>
</td>
<td class="skill animate-me zoomIn">
<h4><i class="fa fa-mobile"></i>User Control Panel</h4>
<p>Serverul de SA:MP RPG beneficiaza de un User Control Panel performant, fiind insotit de plati automate.</p>
</td>
<td class="skill animate-me zoomIn">
<h4><i class="fa fa-euro"></i>Donatii</h4>
<p>Toate donatiile primite sunt folosite la imbunatatirea comunitatii si a serverlor pentru a va oferi un joc cat mai placut. In schimbul donatiilor sunteti recompensati cu diferite facilitati</p>
</td>
</tr>
</table>
<div class="skill-button center animate-me fadeInUp">
<a href="http://forum.og-times.ro" class="btn btn-default"><i class="fa fa-hand-o-right"></i>Acceseaza forumul</a>
</div>
<!--PORTFOLIO -->
<h2 class="with-breaker animate-me fadeInUp">
Poze de pe serverul de SA:MP RPG<span>Poze realizate de membrii comunitatii</span>
</h2>
</div>
<div id="portfolio-container" class="with-separation-bottom with-separation-top">
<!--PORTFOLIO ITEM -->
<figure class="portfolio-item effect-sadie">
<img src="index_files/images/portfolio/01.jpg" alt="Image portfolio"/>
<figcaption>
<h4>Parasutistii de pe OG-Times</h4>
<p>inspirand aer curat de seara...</p>
<a href="#">View more</a>
</figcaption>
</figure>
<!--PORTFOLIO ITEM -->
<figure class="portfolio-item effect-sadie">
<img src="index_files/images/portfolio/02.jpg" alt="Image portfolio"/>
<figcaption>
<h4>Multi cai putere</h4>
<p>de la eventul last car standing...</p>
<a href="#">View more</a>
</figcaption>
</figure>
<!--PORTFOLIO ITEM -->
<figure class="portfolio-item effect-sadie">
<img src="index_files/images/portfolio/03.jpg" alt="Image portfolio"/>
<figcaption>
<h4>EVENT Simon spune</h4>
<p>poze realizate in Liberty City...</p>
<a href="#">View more</a>
</figcaption>
</figure>
<!--PORTFOLIO ITEM -->
<figure class="portfolio-item effect-sadie">
<img src="index_files/images/portfolio/04.jpg" alt="Image portfolio"/>
<figcaption>
<h4>Multa lume la spawn</h4>
<p>cam asa se intampla la spawn cand vrei sa dai un restart pentru update...</p>
<a href="#">View more</a>
</figcaption>
</figure>
<!--PORTFOLIO ITEM -->
<figure class="portfolio-item effect-sadie">
<img src="index_files/images/portfolio/05.jpg" alt="Image portfolio"/>
<figcaption>
<h4>GIFTBOX PE OG-TIMES</h4>
<p>incercand norocul la /getgift</p>
<a href="#">View more</a>
</figcaption>
</figure>
<!--PORTFOLIO ITEM -->
<figure class="portfolio-item effect-sadie">
<img src="index_files/images/portfolio/06.jpg" alt="Image portfolio"/>
<figcaption>
<h4>RACE EVENT PE OG-TIMES</h4>
<p>o poza de la event-ul race (traseu: lv - ls)</p>
<a href="#">View more</a>
</figcaption>
</figure>
</div>
<div class="portfolio-button center animate-me zoomIn">
<a href="http://forum.og-times.ro/index.php?/topic/9-poze-de-pe-serverul-de-samp/" class="btn btn-default"><i class="fa fa-photo"></i>Vezi mai multe poze</a>
</div>
<!-- CUSTOM CONTAINER -->
<section class="custom-section-container with-separation-bottom with-separation-top">
<div class="container">
<div class="custom-section-text">
<h2 class="animate-me fadeInLeft">Data lansarii</h2>
<p class="animate-me fadeInLeft">Comunitatea a fost infiintata pe data de 28.12.2015, ora 19:00 cu scopul de a atrage cat mai multi pasionati de gaming.</p>
</div>
<div class="custom-section-buttons">
<a href="http://forum.og-times.ro/index.php?/topic/5-regulament-forum/" class="btn btn-default animate-me fadeInRight"><i class="fa fa-book"></i>Informeaza-te</a>
<a href="http://forum.og-times.ro/index.php?/forum/98-intrebari-nelamuriri/" class="btn btn-default animate-me fadeInRight"><i class="fa fa-paper-plane"></i>Intreaba-ne</a>
</div>
</div>
</section>
<div class="container">
<!-- ABOUT -->
<h2 class="with-breaker animate-me fadeInUp">
Echipa noastra <span>Cand suntem uniti, suntem de neoprit!</span>
</h2>
<!-- TEAM SHORTCODE -->
<div id="team-container" class="row">
<div class="col-md-3 team-single">
<img src="http://static.wikigta.org/en/images/thumb/d/df/Cesar_1.JPG/150px-Cesar_1.JPG" alt="Profile Image" class="animate-me bounceIn">
<h3 class="center">Massive</h3>
<p>“Cei mai multi programatori buni programeaza nu pentru ca vor bani sau recunostinta, ci pentru ca e distractiv sa programezi.”</p>
<ul class="social-list">
<li><a href="http://forum.og-times.ro/index.php?/user/1-massive/"><i class="fa fa-info"></i></a></li>
</ul>
</div>
<div class="col-md-3 team-single">
<img src="http://i.imgur.com/NFl53js.jpg?1" alt="Profile Image" class="animate-me bounceIn">
<h3 class="center">iStorm.</h3>
<p>“Soft-ul nu este limitat de fizica, cum sunt cladirile. Acesta este limitat de imaginatie, de design, de organizare. Pe scurt, acesta este limitat de proprietatile oamenilor, nu de proprietatile lumii.”</p>
<ul class="social-list">
<li><a href="http://forum.og-times.ro/index.php?/user/3-istorm/"><i class="fa fa-info"></i></a></li>
</ul>
</div>
<div class="col-md-3 team-single">
<img src="http://i.imgur.com/mqmpYVM.png" alt="Profile Image" class="animate-me bounceIn">
<h3 class="center">Okapi</h3>
<p>Imi dedic aproape tot timpul liber pentru a creea un ambient placut tuturor membrilor comunitatii si imi dau toata silinta sa duc acesta comunitate cat mai departe posibil!</p>
<ul class="social-list">
<li><a href="http://forum.og-times.ro/index.php?/user/2-okapi/"><i class="fa fa-info"></i></a></li>
</ul>
</div>
<div class="col-md-3 team-single">
<img src="http://i.imgur.com/ICtDsQz.png" alt="Profile Image" class="animate-me bounceIn">
<h3 class="center">IZVE</h3>
<p>“Motivația este ceea ce te face să pornești. Obișnuință este ceea ce te face să continui.”</p>
<ul class="social-list">
<li><a href="http://forum.og-times.ro/index.php?/user/8-izve/"><i class="fa fa-info"></i></a></li>
</ul>
</div>
</div>
<!-- GET IN TOUCH -->
<h2 class="with-breaker animate-me fadeInUp">
Contacteaza-ne<span>Ce mai astepti?</span>
</h2>
</div>
<!-- CUSTOM CONTAINER -->
<section class="contact-container with-separation-bottom with-separation-top">
<div class="contact-boxes">
<div class="contact-box contact-box-email animate-me zoomIn">
<h2>Email</h2>
<p>Daca aveti nevoie de ajutor in legatura cu comunitate, ne puteti contacta prin email.</p>
<a href="http://contact.og-times.ro" class="btn btn-default"><i class="fa fa-envelope"></i> Contacteaza-ne</a>
</div>
<div class="contact-box contact-box-youtube animate-me zoomIn">
<h2>YouTube</h2>
<p>Aboneaza-te la canalul nostru pentru a fi la curent cu toate noutatile de pe comunitate.</p>
<a href="https://www.youtube.com/channel/UC6eYHPnHdpewlEhV40JlEnQ" class="btn btn-default"><i class="fa fa-youtube-play"></i> Aboneaza-te</a>
</div>
<div class="contact-box contact-box-facebook animate-me zoomIn">
<h2>Facebook</h2>
<p>Dati un like paginii noastre si comunicati mai simplu prin intermediul paginii de Facebook.</p>
<a href="http://www.facebook.com/og-times.ro" class="btn btn-default"><i class="fa fa-facebook"></i>Socializeaza cu noi</a>
</div>
</div>
</section>
</div>
<!-- END MAIN CONTAINER -->
<!-- START FOOTER -->
<footer id="footer" class="with-separation-top">
<aside id="widgets" class="container">
<div class="row">
<!-- WIDGET -->
<div class="col-md-4 widget animate-me fadeInLeft">
<img src="index_files/images/logo-footer.png" id="footer-logo" alt="Logo footer">
<p>Comunitatea a fost infiintata pe data de 28.12.2015, ora 19:00 cu scopul de a atrage cat mai multi pasionati de gaming.</p>
<a href="http://forum.og-times.ro/index.php?/topic/5-regulament-forum/" class="btn btn-default"><i class="fa fa-users"></i> Read more</a>
</div>
<!-- WIDGET -->
<div class="col-md-4 widget animate-me fadeInUp">
<h4>Navigation</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="http://forum.og-times.ro">Forum</a></li>
<li><a href="http://og-times.ro/panel">Panel</a></li>
<li><a href="http://forum.og-times.ro/index.php?/topic/7-forum-updates/">Community Updates</a></li>
</ul>
</div>
<!-- WIDGET -->
<div class="col-md-4 widget animate-me fadeInRight">
<h4>Contact</h4>
<ul class="widget-social">
<!-- ALL ICONS AVAILABLE ->http://fortawesome.github.io/Font-Awesome/icons/#brand-->
<li><a href="http://www.facebook.com/og-times.ro"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://www.youtube.com/channel/UC6eYHPnHdpewlEhV40JlEnQ"><i class="fa fa-youtube"></i></a></li>
</ul>
<a href="http://conact.og-times.ro" class="btn btn-default"><i class="fa fa-envelope-o"></i>Contacteaza-ne</a>
</div>
</div>
</aside>
<div id="copyright" class="animate-me fadeInUp">
<div class="container">
<p>© OG-Times.RO / 2016 - 2017</p>
</div>
</div>
</footer>
<!-- END FOOTER -->
<!-- SCROLL TOP -->
<a href="#" id="scroll-top" class="fadeInRight animate-me"><i class="fa fa-angle-double-up"></i></a>
</div>
<!-- SCRIPTS -->
<script src="index_files/js/jquery-1.11.1.min.js"></script>
<script src="index_files/js/plugins.js"></script>
<script type="text/javascript">
/*TEXT TICKER (ONLY FOR HOME PAGE)*/
$('#ticker-text').vTicker('init', {
speed: 300,
pause: 2000
});
</script>
<script src="index_files/js/custom.js"></script>
</body>
<!-- END BODY -->
</html>codu se adaugă în:
Panou de Administrare => Module =>
HTML & JAVASCRIPT => Administrare Pagini HTML => Creare in mod avansat HTMLScreenshot /Poze: