Pachet anunturi GraphicART !

**Data de inscriere** : 17/06/2011

Cu backround: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Cod:

/*-------------BOX-------------*/

.box {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin: 0px 0px 10px; }

.box-content {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-size: 13px;
font-style: italic;
font-family: Trebuchet MS;
text-shadow: 1px 1px 1px #ffffff;
padding: 10px 20px 8px 90px;
min-height:25px;
}

.box-content h3 {
border-bottom: 1px solid #ccc;
margin-top: 5px;
font-family: Tohama;
font-weight: bold italic;
font-style: bold;
font-size: 17px;
}

/*-------------WARNING-BOX-------------*/

.warning {
background: url(http://img847.imageshack.us/img847/9940/12310101.png);
border: 0px dashed #ccc;
}

.warning .box-content {
color: #666;
background: transparent url(http://img708.imageshack.us/img708/9546/bugsbunny244x300.png) no-repeat 10px 10px;
border: 2px solid #E41B17;
}

.warning .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}

/*-------------INFO-BOX-------------*/

.info {
background: url(http://img847.imageshack.us/img847/9940/12310101.png);
border: 0px dashed #ccc;
}

.info .box-content {
color: #666;
background: transparent url(http://img171.imageshack.us/img171/7774/59654bugsbunny.png) no-repeat 10px 10px;
border: 2px solid #0000A0;
}

.info .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}

/*-------------DOWNLOAD-BOX-------------*/

.download {
background-image: url(http://img847.imageshack.us/img847/9940/12310101.png);
border: 0px dashed #ccc;
}

.download .box-content {
color: #666;
background: transparent url(http://img200.imageshack.us/img200/7438/bugsbunnycarroticon.png) no-repeat 10px 10px;
border: 2px solid #4CC417;
}

.download .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}

=> asta adaugati in css !

Sau fara backround: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Cod:

/*-------------BOX-------------*/

.box {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin: 0px 0px 10px; }

.box-content {
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-size: 13px;
font-style: italic;
font-family: Trebuchet MS;
text-shadow: 1px 1px 1px #ffffff;
padding: 10px 20px 8px 90px;
min-height:25px;
}

.box-content h3 {
border-bottom: 1px solid #ccc;
margin-top: 5px;
font-family: Tohama;
font-weight: bold italic;
font-style: bold;
font-size: 17px;
}

/*-------------WARNING-BOX-------------*/

.warning {
background: url();
border: 0px dashed #ccc;
}

.warning .box-content {
color: #666;
background: transparent url(http://img708.imageshack.us/img708/9546/bugsbunny244x300.png) no-repeat 10px 10px;
border: 2px solid #E41B17;
}

.warning .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}

/*-------------INFO-BOX-------------*/

.info {
background: url();
border: 0px dashed #ccc;
}

.info .box-content {
color: #666;
background: transparent url(http://img171.imageshack.us/img171/7774/59654bugsbunny.png) no-repeat 10px 10px;
border: 2px solid #0000A0;
}

.info .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}

/*-------------DOWNLOAD-BOX-------------*/

.download {
background-image: url();
border: 0px dashed #ccc;
}

.download .box-content {
color: #666;
background: transparent url(http://img200.imageshack.us/img200/7438/bugsbunnycarroticon.png) no-repeat 10px 10px;
border: 2px solid #4CC417;
}

.download .box-content h3 {
color: #666;
text-shadow: 1px 1px 1px #ffffff;
}

Unul din codurile de mai sus se pune in afisare =>culori=>foaie de stil cs ATENTIE decat 1 dintre codurile de mai sus!
Apoi adaugam in afisare => generalitati unul dintre coduri sau toate cum doriti !
Pentru anunt puneti codu asta in generalitati:

Cod:

<div class="box warning"><div class="box-content">
<h3>ANUNT !</h3>
Continutul tau aici !
<br>
Continutul tau aici !
</div></div>

Pentru informati puneti codul asta:

Cod:

<div class="box info"><div class="box-content">
<h3>IMPORTANT !</h3>
Continutul tau aici !
<br>
Continutul tau aici !
</div></div>

Pentru download codul asta:

Cod:

<div class="box download"><div class="box-content">
<h3>DOWNLOAD !</h3>
Continutul tau aici !
<br>
Continutul tau aici !
</div></div>

Unde scrie continutul tau aici puneti textul dorit!
Nelamuriri =>postati aici!
Creat de DOMINIC pentru comunitatea GraphicART.
Respectatimi munca si abtinetiva la comentari proaste aviz celor care nu le place!