Gracias pero aqui te lo mejore un poco
el html
Demo
Screenshot:
![[Imagen: screenshot.png]](http://xtreme-animetv.allalla.com/apps/screenshot.png)
Código:
.info{
border-top: 1px solid #f3fbff;
border-bottom: 1px solid #bedae9;
/*Background Gradients*/
background: #e0f4ff;
background: -moz-linear-gradient(top,#e0f4ff,#d4e6f0);
background: -webkit-gradient(linear, left top, left bottom, from(#e0f4ff), to(#d4e6f0));
}
.info:before {
content: url(http://xtreme-animetv.allalla.com/apps/info.png);
float: left;
margin: 18px 15px 0px 21px;
}
.info strong {
color: #177fb2;
margin-right: 15px;
}
/*MESSAGE BOX*/
.message {
border-top: 1px solid #f4f4f4;
border-bottom: 1px solid #d7d7d7;
/*Background Gradients*/
background: #f0f0f0;
background: -moz-linear-gradient(top,#f0f0f0,#e1e1e1);
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e1e1e1));
}
.message:before {
content: url(../images/message.png);
float: left;
margin: 25px 15px 0px 15px;
}
.message strong {
color: #323232;
margin-right: 15px;
}
.notification {
min-height: 70px;
width: 580px;
display: block;
position: relative;
/*Border Radius*/
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
/*Box Shadow*/
-moz-box-shadow: 2px 2px 2px #cfcfcf;
-webkit-box-shadow: 2px 2px 4px #cfcfcf;
box-shadow: 2px 2px 2px #cfcfcf;
margin-bottom: 30px;
}
.notification span {
background: url(http://xtreme-animetv.allalla.com/apps/close.png) no-repeat right top;
display: block;
width: 19px;
height: 19px;
position: absolute;
top:-9px;
right: -8px;
}
.notification .text {
overflow: hidden;
}
.notification p {
width: 500px;
font-family: Arial, Helvetica, sans-serif;
color: #323232;
font-size: 14px;
line-height: 21px;
text-align: justify;
float: right;
margin-right: 15px;
*margin-top: 15px; /*for lt IE8*/
/* TEXT SHADOW */
text-shadow: 0px 0px 1px #f9f9f9;
}
/*Auto Width Rules*/
.autoWidth{
width: auto;
}
.autoWidth p {
width: auto;
float: left;
}
.notice2 {
background: #D6ECA6;
border-top: 2px solid #8DC93E;
border-bottom: 2px solid #8DC93E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
</style>el html
Código:
<center>
<div class="notification info" style="cursor: auto;">
<span></span>
<div class="text">
<p><strong>Info!</strong> Bienvenidos a xtreme-animeTV|foro aqui podras encontrar,anime,la programacion del canal y mucho mas </p>
</div>
</div>
</center>Demo
Screenshot:
Deberias de dejar una imagen de como se ve...
Muy buenas compañeros, ante todo muy buen plugin.
Una cosa, como soy un poco bastante novato en esto, no consigo que me salga.
Unas dudas, yo actualmente uso el tema de MyBlue, donde debo pegar el texto?
Me voy a Plantillas, edito la de MyBlue, me meto en Cabezera y el Header. Ahi aparece ya un texto, me bajo a la ultima linea y añado el texto, le doy a guardar y nada de nada, en el foro sigue saliendo normal.
He probado con el original y con el ultimo que habeis puesto pero nada.
Una Ayudita por favor
Una cosa, como soy un poco bastante novato en esto, no consigo que me salga.
Unas dudas, yo actualmente uso el tema de MyBlue, donde debo pegar el texto?
Me voy a Plantillas, edito la de MyBlue, me meto en Cabezera y el Header. Ahi aparece ya un texto, me bajo a la ultima linea y añado el texto, le doy a guardar y nada de nada, en el foro sigue saliendo normal.
He probado con el original y con el ultimo que habeis puesto pero nada.
Una Ayudita por favor
pero solo es el primero este:
Código:
<style type="text/css">
.alert {
background: #FFF6BF;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.notice {
background: #ADCBE7;
border-top: 2px solid #0F5C8E;
border-bottom: 2px solid #0F5C8E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.notice2 {
background: #D6ECA6;
border-top: 2px solid #8DC93E;
border-bottom: 2px solid #8DC93E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
</style>
<p class="alert"><strong>Ultimas Noticias:</strong> <a href="shippuden">Naruto Shippuden Cap 122 [HD]</a> (18 de Agosto 2009)</p>
<!-- <p class="notice2"><strong>MyBB on Twitter:</strong> Follow <a href="http://www.twitter.com/mybbgroup/">@mybbgroup</a> for the latest on MyBB and exclusive content.</p> -->
<p class="notice2"><strong>Proximos Capitulos:</strong> Naruto Shippuden Cap 123</a>.</p>
<p class="notice"><strong>Bienvenido a <a href="http://animeplanet.icr38.net/">Anime-Planet</a></strong> - Registrate <a href="http://animeplanet.icr38.net/member.php?action=register"">Aqui</a> Para Ver Todo el Contenido</p>