[Sistem grila ( CSS Responsive )]

/*

Copyright : RST FORUM

*/

.container-12 { margin:0 auto; width:960px; overflow:hidden; }

.container-12 .container-12 { margin:0 -16px 0 -16px; width:auto; display:inline-block; }

.grila_1 { width:48px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_2 { width:128px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_3 { width:208px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_4 { width:288px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_5 { width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_6 { width:448px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_7 { width:528px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_8 { width:608px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_9 { width:688px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_10 { width:768px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_11 { width:848px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.grila_12 { width:928px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }

.offset_1 { margin-left:96px; }

.offset_2 { margin-left:176px; }

.offset_3 { margin-left:256px; }

.offset_4 { margin-left:336px; }

.offset_5 { margin-left:416px; }

.offset_6 { margin-left:496px; }

.offset_7 { margin-left:576px; }

.offset_8 { margin-left:656px; }

.offset_9 { margin-left:736px; }

.offset_10 { margin-left:816px; }

.offset_11 { margin-left:896px; }

.show-phone { display:none !important; }

.show-tablet { display:none !important; }

.show-screen { display:inherit !important; }

.hide-phone { display:inherit !important; }

.hide-tablet { display:inherit !important; }

.hide-screen { display:none !important; }

/***** Grafica mare ( than 960px ) *****/

@media only screen and (min-width:1200px) {

.container-12 { margin:0 auto; width:1200px; overflow:hidden; }

.container-12 .container-12 { margin:0 -20px 0 -20px; width:auto; display:inline-block; }

.grila_1 { width:60px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_2 { width:160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_3 { width:260px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_4 { width:360px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_5 { width:460px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_6 { width:560px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_7 { width:660px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_8 { width:760px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_9 { width:860px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_10 { width:960px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_11 { width:1060px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.grila_12 { width:1160px; margin:0 20px 0 20px; overflow:hidden; float:left; display:inline; }

.offset_1 { margin-left:120px; }

.offset_2 { margin-left:220px; }

.offset_3 { margin-left:320px; }

.offset_4 { margin-left:420px; }

.offset_5 { margin-left:520px; }

.offset_6 { margin-left:620px; }

.offset_7 { margin-left:720px; }

.offset_8 { margin-left:820px; }

.offset_9 { margin-left:920px; }

.offset_10 { margin-left:1020px; }

.offset_11 { margin-left:1120px; }

.show-phone { display:none !important; }

.show-tablet { display:none !important; }

.show-screen { display:inherit; }

.hide-phone { display:inherit !important; }

.hide-tablet { display:inherit !important; }

.hide-screen { display:none !important; }

}

/***** Tableta (Smaller than 959px) *****/

@media only screen and (min-width: 768px) and (max-width: 959px) {

.container-12 { margin:0 auto; width:768px; overflow:hidden; }

.container-12 .container-12 { margin:0 -14px 0 -14px; width:auto; display:inline-block; }

.grila_1 { width:36px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_2 { width:100px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_3 { width:164px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_4 { width:228px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_5 { width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_6 { width:356px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_7 { width:420px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_8 { width:484px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_9 { width:548px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_10 { width:612px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_11 { width:676px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.grila_12 { width:740px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }

.offset_1 { margin-left:78px; }

.offset_2 { margin-left:142px; }

.offset_3 { margin-left:206px; }

.offset_4 { margin-left:270px; }

.offset_5 { margin-left:334px; }

.offset_6 { margin-left:398px; }

.offset_7 { margin-left:462px; }

.offset_8 { margin-left:526px; }

.offset_9 { margin-left:590px; }

.offset_10 { margin-left:654px; }

.offset_11 { margin-left:718px; }

.show-phone { display:none !important; }

.show-tablet { display:inherit !important; }

.show-screen { display:none !important; }

.hide-phone { display:inherit !important; }

.hide-tablet { display:none !important; }

.hide-screen { display:inherit !important; }

}

/***** Telefon (portrait 300px) *****/

@media only screen and (max-width: 767px) {

.container-12 { margin:0 auto; width:300px; overflow:hidden; }

.container-12 .container-12 { margin:0; width:auto; display:inline-block; }

.grila_1,

.grila_2,

.grila_3,

.grila_4,

.grila_5,

.grila_6,

.grila_7,

.grila_8,

.grila_9,

.grila_10,

.grila_11,

.grila_12 { width:300px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.offset_1,

.offset_2,

.offset_3,

.offset_4,

.offset_5,

.offset_6,

.offset_7,

.offset_8,

.offset_9,

.offset_10,

.offset_11 { margin-left:0; }

.show-phone { display:inherit !important; }

.show-tablet { display:none !important; }

.show-screen { display:none !important; }

.hide-phone { display:none !important; }

.hide-tablet { display:inherit !important; }

.hide-screen { display:inherit !important; }

}

/***** Telefon (landscape 420px) *****/

@media only screen and (min-width: 480px) and (max-width: 767px) {

.container-12 { margin:0 auto; width:456px; overflow:hidden; }

.container-12 .container-12 { margin:0; width:auto; display:inline-block; }

.grila_1,

.grila_2,

.grila_3,

.grila_4,

.grila_5,

.grila_6,

.grila_7,

.grila_8,

.grila_9,

.grila_10,

.grila_11,

.grila_12 { width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }

.show-phone { display:inherit !important; }

.show-tablet { display:none !important; }

.show-screen { display:none !important; }

.hide-phone { display:none !important; }

.hide-tablet { display:inherit !important; }

.hide-screen { display:inherit !important; }

}

/***** Clean up *****/

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,

.clearfix:after,

.continer-12:before,

.container-12:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

.container-12:after, .clearfix:after { clear:both; }

.container-12,

.clearfix { zoom:1; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

HTML

<div class="container-12"> <!-- Container 12 -->

<div class="grila_1>

</div>

<!-- Grila poate fi , 1,2,3,4,5,6,7,8,9,10,11,12 P.S uitate in codu sursa css si vezi width pentru fiecare si o sa-ti dai seama ..... Pentru nelamuriri lasa comentariu -->

</div> <!-- Container 12::END -->

[Salut , sunt Robert si vreau sa ma laud]

Ai spirit de observatie . ionut.hulub . In primul rand nu-ti-se cuvine interactiunea cu mine , in al doilea rand , am postat acest mesaj inapt aici pentru a testa inteligeta si reactia " hackerilor de RST " . Se pare ca tu esti cel mai suparat , mult noroc . Paaaceee broo . Si nu , nu sunt praf. Lulz stie asta .

Update: Sunt mult prea obosit sa iti explic mai multe , maine putem da orice teste amandoi . Si vedem care e mai competent . Am uitat sa Specific cunosc si C# C++

[Emails Bomber + 20.000.000 emails :)]

E interzis sa te lauzi ? , daca nu ma creezi fac un video si-l pun pe youtube . Ca sa moara "hackeri " . Noroc

[Salut , sunt Robert si vreau sa ma laud]

Ok , atunci incepand de azi ora 12 AM vreau sa posteze o serie de tutoriale si bug-uri ale unor site-uri pentru a ajuta prietenii mei internauti. Dupa imi puteti da ban . In doua zile o sa postez un tutorial hacking de creare a unui virus " sugator " de date ( La fel ca cel creat de rusii pentru a fura date de la romani nostri hackeri adevarati ) . Sanatate

[Salut , sunt Robert si vreau sa ma laud]

Nu e facut de mine contul ! . E facut de cineva apropiat pe al meu email . Sanate . Auzi dar aici se " gaseste " hackeri ?

[[RST] Yahoo Mail Scanner]

Dragi prieteni . Am facut un script php + mysql care scaneaza un site specificat si salveaza email-uri in format CSV . Vi-l pot oferi contra cost . Bine inteles costa ! . Stocheaza 4500 , 5000 email-uri pe un interval de timp relativ scurt (4 minute). Sanatate

[Emails Bomber + 20.000.000 emails :)]

Dragi prieteni , vreau sa va spun ca detin 88 milioane adresele email + numere de telefon + adrese complete . Vi-le pot oferi pentru o modesta suma . Esti interesat ? , contacteaza-ma romane . O zi deosebita va doresc . Pace

[Bug fisierulmeu.ro , descarca mai repede]

Sault prieteni dragi . O sa va prezint un bug al site-ului fisierulmeu.ro . Deoarce site-ul este facut de un inapt , dupa parerea mea , are si multe bug-uri . Priveste acest video cu atentie romane ! .

http://www.youtube.com/watch?v=18534242342Vk

Sper sa intelegeti pentru ca mi-e lene sa va explic . BAFTA

[Salut , sunt Robert si vreau sa ma laud]

Salut prieteni dragi. Numele meu este Robert si vreau sa ma laud . Cunosc 5 limbaje de programare aproape perfect pot spune .

HTML : 100%

CSS : 100%

PHP : 100%

MySql : 100%

Javascript : 100%

Multumesc , am vrut doar sa ma laud . Nu sunt hacker cum se lauda alti pe acest forum . Nici nu-mi propun.

Mult noroc .

[Baza unui meniu in CSS ! Pentru incepatori]

CSS

/* --------- Meniu --------- */

#meniu {

height: 30px; /* Seteaza inaltimea pe care o doresti */

margin: 0 0 10px; /* Ajuta la adaugare de spatiu */

}

#meniu ul {

margin: 0; padding: 0; /* Necesar doar in cazul in care nu aveti un cod css gen normalize.css ( Doar pentru resetare ) */

}

#meniu li {

display: block;

float: left;

line-height: 30px; /* ai ar trebui sa ai inaltimea exact cu cea de mai sus din #meniu */

height: 30px; /* ai ar trebui sa ai inaltimea exact cu cea de mai sus din #meniu */

margin: 0; padding: 0; /* Necesar doar in cazul in care nu ai reset */

position: relative; /* Necesar pentru a pozitiona sub meniul */

}

#meniu li a {

display: block;

height: 30px;

line-height: 30px;

padding: 0 15px;

}

#meniu .current-menu-item a, #meniu .current_page_item a, #meniu a:hover {

color: #000;

background: #ccc;

}

#meniu ul ul { /* Vizeaza toate sub meniurile */

display: none; /* Ascude sub meniul */

position: absolute;

top: 30px; /* Ar trebui sa fie la fel ca si #main { height:30px; }*/

}

#meniu ul ul li { /* this targets all submenu items */

float: none; /* overwriting our float up above */

width: 150px;

}

#meniu ul ul li a {

padding: 5px 10px;

}

#meniu ul li:hover > ul {

display: block; /* show sub menus when hovering over a parent */

}

#meniu ul ul li ul {

left: 150px;

top: 0; }

HTML

<div id="meniu" >

<ul>

<li><a href="#> Acasa </a></li>

<li><a href="#> Sub Meniu </a>

<ul>

<li><a href="#> Level 1</a> </li>

<li><a href="#> Level 1 </a> </li>

<li><a href="#> Level 2</a>

<ul>

<li><a href="#> Level 3</a> </li>

<li><a href="#> Level 3 </a> </li>

<li><a href="#> Level 3</a> </li>

</ul>

</li>

</ul>

</li>

</ul>

</div>

Imi cer scuze pentru incoerenta . Pentru nelamuriri lasa un comentariu .

P.S : De lene nu am comentat mai mult codu sursa . Testeaza si gandeste frate !!!!!!

UPDATE: Pentru a pozitiona usor fara batai de cap acest meniu foloseste urmatorul cod :

CSS

.container-meniu {

position:relative;

z-index:100;

left: 20px ; /* Un exemplu , poti adauga valuare dorita , cand folosim position:relative si adaugam left:20px; meniu se va duce spre dreapta cu 20px */

bottom:20px;

}

<div class="container-meniu">

codul html de mai sus al meniului

</div>