ForoActivoT

Codigos HTML para crear todo estilo de anuncios en el indice Cuidado, son bases de códigos Tenéis que "jugar" con las dimensiones, las colores, los bordes, padding, width... para tener el efecto deseado. Os recordamos tambien este tutorial sobre las bases de los codigos HTML Os invitamos de verdad leer el tuto y buscar los efectos deseados en los sitios especiales de codigos HTML. Recordamos que todo se aprende SOLO y paso a paso. 1.Bloque de texto : En PA > visualización > indice > general > mensaje del indice Código: <table style=text-align:left;width:350px;height:160px;border=0" cellpadding="2" cellspacing="2"; overflow: auto;"><tbody><tr><td style=vertical-align:top;width:65%;><div style=background-color:#000000;border-radius:5px5px5px5px;><table style=text-align:left;width:520px;height:162px; border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style=vertical-align:top;><div style=padding-left:30px;padding-top:10px;width:390px;text-align:justify;font-size:10px;color:#ffffff;text-shadow:1px1px1pxrgb(0,0,0);><span class="titre2"><font size=5>Titulo 1</font> </span>TEXTO</div></td></tr></tbody></table></div> </td> 2.Bloque de texto con scroll: En PA > visualización > indice > general > mensaje del indice Código: <div style=width:250px;height:285px;border-radius:30px;overflow:auto;font-size:13px;line-height:1,5;text-align:justify;padding:9px9px9px;border:1pxsolid#000000;background-color:#xxxx;><center><div style=font-family:xxx;font-size:30px;font-weight:bold;letter-spacing:-3px;color:#xxxx;text-shadow:0px0px10px#6D8AA1;>Titulo:</div></center><div style=padding:10px;><br>TEXTO</br> </div> </div> 3.Bloque de texto con vínculos en 2 columnas: En PA > visualización > indice > general > mensaje del indice Sustituir los links y titulos por las informaciones deseadas. Podéis también sustituir los nombres de las div para personalizarlas ! Ejemplo : div class="tituloceli" por div class="titulo deseado" Código: <div style=border-radius:30px;border:1pxsolid#000000;background-color:#F5F5DC;width:470px><div class="tituloceli"><center><div style= "height:60px; padding:20px; width:470px" id="vinculos"><div class="linkscel1"> <a href="http://url">Normas y Reglas</a><br /> <a href="http://http://url">Staff</a><br /> <a href="http://http://url">Peticiones</a><br /> <a href="http://http://url">Tutoriales</a><br /> <a href="http://http://url">publicidad</a><br /> </div><div class="linkscel2"> <a href="http://http://url">Equipo</a><br /> <a href="http://http://url">Miembros</a><br /> <a href="http://http://url">Grupos</a><br /> <a href="http://http://url">Sugerencias</a><br /> <a href="http://http://url">Entrevistas</a><br /> </div></div></div></div></center><br><br> En PA > visualización > imagenes y colores > colores > css Código:SELECCIONAR EL CONTENIDO /* indice */ #vinculos a { font-family: Century Gothic; font-size:10px; text-transform: uppercase; color: #000000; line-height:110%; letter-spacing:1px; } #vinculos a:hover { color: #B8860B; font-weight:bold; } .tituloceli { font-family: Century Gothic; font-weight:200; text-align:left; color:#B8860B; font-size:24px; text-transform:lowercase; padding-top:5px; } .linkscel1 { float:left; width: 200px; border-right: double 4px #808080; text-align:center; } .linkscel2 { float:left; width: 250px; text-align:center; }

Bloque de Login con imagen de fondo A continuación un tutorial de como colocar una imagen de fondo en tu imagen de fondo. Pero bueno esta es una opcion por si les gusta: En: PA->Visualización->Colores->CSS Stylesheet pegamos el siguiente codigo: --> .login_menu{ padding:3px; text-align:left; background:url(URL de la imagen) no-repeat; border: 0px dotted #000000; margin:3px; font: 12px "Courier New", Courier, monospace; } .login_menu input{ background-color:#000; color:#CC0000; border:1px solid #FFFFFF; font: 12px "Courier New", Courier, monospace; padding:2px; margin-bottom:2px; } --> Donde debes modificar lo siguiente Ahora vamos a Módulos -> Gestión del portal ->Estructura->Crear modulo personalizado Y copiamos el siguiente Código: Código: <div class="login_menu" align="center"> <form action="/login.forum" method="post"> Usuario<br> <label> <input type="text" name="username" size="20" maxlength="40" /> </label> Contraseña<br> <label> <input type="password" name="password" size="20" maxlength="32" /> </label> <label> <input type="submit" name="login" value="Conectar" /> </label><br> <tr align="left"><td colspan="2"><p>Recordar Cuenta: <input type="checkbox" name="autologin" checked="true" /> </p></td></tr></form></div> Y listo ya tiene su cuadro log in con imagen de fondo en el portal. Si no entiendes el tutorial escritamente lo puedes ver en YouTube (Click en la Imagen)

Bueno gente de Taringa, vi muchos problemas con la creación de foros y categorías ¿Cual es el Problema? El Problema es que no le sale esto: Bueno con este vídeo tengo la solución para ustedes, simplemente mírenlo y sabrán resolver el problema... Igual si aun no lo pudieron hacer Manden un Mensaje Privado o simplemente dejen un comentario. link: http://www.youtube.com/watch?v=NpwedtIpFmU