Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje16-10-2008, 22:09 (UTC)    
Título del mensaje: [Plantilla CSS] Sony Ericsson w220 (Completo)

Hola Comunidad de PWG, se preguntaran sobre este tema anterior,
http://www.paginawebgratis.es/forum/viewtopic.php?t=13735
es que en realidad puse el code, solo que cuando lo probe por completo se veia desordenado xD, bueno, ya lo arregle, aqui lo pueden ver:
http://pablossb-webdeprueba.es.tl/ , asi que aki les traigo el code:
1º: Tienen que tener la plantilla PWG: CSS-Design - General - No tan Popular
2º: Pegamos este code en Texto por encima de la Pagina (HEAD)
Código:
<Plantilla By PabloSSB
<style type="text/css" media="screen">
<!--
body
{
font-family:  Arial;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 270px;
left: 52%;
margin-left:-185px;
width: 647px;
}

.menu li
{
width: 70px;
float: left;
}

.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image: url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height:21px;
color: #000000;
}

.menu a:hover
{
background-color: #transparent;
background-image: url();}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 15px;
display: none;
width: 70px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">


<li><a href="URL LINK">TEXTO</a> </li>   
<li><a href="URL LINK">TEXTO</a> </li>   
<li><a href="URL LINK">TEXTO</a> </li>     
<li><a href="URL LINK">TEXTO</a> </li>   
<li><a href="URL LINK">TEXTO</a> </li>   
<br /><br /><br />
<br /><br /><br />
<br /><br /><br />
<br /><br /><br />
<li><a href="URL LINK">TEXTO</a> </li>   
<li><a href="URL LINK">TEXTO</a> </li>   
<li><a href="URL LINK">TEXTO</a> </li>     
<li><a href="URL LINK">TEXTO</a> </li>   
<li><a href="URL LINK">TEXTO</a> </li>   

</div>



<div id="Designmystic">

<div id="text"><h1></h1>
</div>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
Plantilla By PabloSSB />


3º: Y este code en CSS-Code
sin Style Tags:
Código:
<Plantilla By PabloSSB
]lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}



#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}

body {
background-image:url(fondo
);background-color:#ffffff;}


*{ padding: 0; margin: 0; }

#Designmystic {
margin: 0 auto;
width: 646px;
height:1402px;
background-image:url(http://img386.imageshack.us/img386/1796/sonyerricsonw200csspablqj3.png
);}


#content {
position: absolute;
left: 46%;
top: 338px;
margin-left:-171px;
width: 405px;
height: 420px;
padding:10px;
color: #transparent;
font-size:13px;
background-color:#transparent;
background-image:url();
border: 0px solid #FFFFFF;
overflow:auto;}


#Uebersicht{
position: absolute;
left: 70%;
top: 300px;
margin-left:-440px;
font-color:#cccccc;}



 a{
color:#ffffff;
text-decoration: none;
font-size:13px;}

a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}

a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #000000;
font-size: 13px;
text-decoration: none;}
Plantilla By PabloSSB />

______________
PabloSSB: Junior PWG User de 15 años, Chileno, XI region, Coyhaique
PWG Generalmente
Como evitar Spam en el foro
Mi web Ayuda

Admin PWG: Martinp | JaviDJ
Mod PWG: NixoWeb | Didita9 | EnPlenoVueloMX | TokArg | AlfaSite | La Diskoteka
Ejemplos PWG: Prometheos | RingSport | interests
PWG Mundial: Alemania | Ingles | Frances


Ultima edición por pablossb el Jue Oct 16, 2008 10:14 pm; editado 2 veces
Mensaje16-10-2008, 23:19 (UTC)    
Título del mensaje:

diablos un consejo, el la plantilla quedo muy buena solo que falto que el celular fuera mucho mas visible, se ve borroso[/i]
______________


FORO GSV

SABEMOS LO QUE HACEMOS
Mensaje16-10-2008, 23:47 (UTC)    
Título del mensaje:

Mmm.. es extraño el code... no relaciona el contenido con la pantalla ni le da forma a los menús...
Pueden ver una vista previa aquí:
http://sitedeejemplo.es.tl/

Salu2!
Mensaje17-10-2008, 02:14 (UTC)    
Título del mensaje:

Bueno, yo por lo que veo, me quedo bien, pero nesecito que mas usuarios opinen sobre la plantilla, gracias
______________
PabloSSB: Junior PWG User de 15 años, Chileno, XI region, Coyhaique
PWG Generalmente
Como evitar Spam en el foro
Mi web Ayuda

Admin PWG: Martinp | JaviDJ
Mod PWG: NixoWeb | Didita9 | EnPlenoVueloMX | TokArg | AlfaSite | La Diskoteka
Ejemplos PWG: Prometheos | RingSport | interests
PWG Mundial: Alemania | Ingles | Frances
Mensaje17-10-2008, 02:54 (UTC)    
Título del mensaje:

Está buena la plantilla pero como que el menú se sale de la pantalla del celular xD es eso nada más.
______________
Estoy al borde de la gloria, y estoy colgando de un momento de verdad,
estoy al borde la gloria Y estoy suspendida de un momento junto a tí

Mensaje17-10-2008, 02:57 (UTC)    
Título del mensaje:

Ahora que lo veo en Mozilla está bastante bien, pero en IE no se obtienen los mismo resultados...

Salu2!
Mensaje17-10-2008, 13:02 (UTC)    
Título del mensaje:

bueno estaria mas buena si no se veia borrosa y los menus esten ubicados mejor
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com

Mensaje17-10-2008, 14:06 (UTC)    
Título del mensaje:

Le doy un 7,no se si es por internet explorer o por lo que es,que sale todo desordenado,el fondo abajo del movil, y arriba un menu,pero el fondo del movil pequeño,en cuanto al fondo del movil,un poco borroso.

Salu2
Mensaje17-10-2008, 16:41 (UTC)    
Título del mensaje:

a si es se ve como pixelada ademas el menu esta desacomodado si mejoras esas partes estaría perfecta!
______________
Mensaje17-10-2008, 16:49 (UTC)    
Título del mensaje:

Bueno, gracias por la opinion, voy a mejorar la plantilla asi que porfa no cierren todavia este tema, gracias
______________
PabloSSB: Junior PWG User de 15 años, Chileno, XI region, Coyhaique
PWG Generalmente
Como evitar Spam en el foro
Mi web Ayuda

Admin PWG: Martinp | JaviDJ
Mod PWG: NixoWeb | Didita9 | EnPlenoVueloMX | TokArg | AlfaSite | La Diskoteka
Ejemplos PWG: Prometheos | RingSport | interests
PWG Mundial: Alemania | Ingles | Frances
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group