¿¿Como modificar tu pagina??

Información

En este grupo aprenderas a modificar tu pagina de diferentes maneras

Miembros: 75
Última actividad: 20 Abr

Me Gusta

A 21 miembros les ha gustado esto

Como modificar tu pagina en la forma Basica y Avanzada

Editar la apariencia de tu Pagina

Podemos llegar por diferentes formas a la sección de editar pagina

Primera forma:

Segunda Forma:

Tercera Forma:

Cuarta Forma y la mas larga:

Bueno siguiendo cualkiera de las tres formas llegaremos a la parte de edición de la pagina

Aki se puede aplicar cualkiera de los temas q estan marcados en azul y puedes encontrar mas en la eskina superior derecha marcada con verde o bien puedes aplicar el tema de blood uchiha marcado con rojo

En esta parte podras modificar tu pagina como se te de la gana

puedes poner color de Encabezado,Modulo,Lados, al texto del cuerpo y cambiar el tipo de letra q prefieras y todo lo q se puede ver en la imagen lo pudes modificar

Aki se agregan mas cosas como puedes ver en la imagen dice Todas las opciones y aki se agrega las opciones de poner imagen lateral,encabezado y del cuerpo puedes poner color a los iconos a los vinculos y todo lo q puedes observar en la imagen

Y llegamos a la opcion Avanzado aki como puedes ver en la imagen puedes agregar codigo CSS muchos cuando llegan aki y no saben dicen y esto ke onda y cuando le mueven algo ya sienten q se acava el mundo XDD y si no te paso no te burles por ke a mi si naaa noecierto bueno y como dije aki en esta parte va codigo CSS y si no sabes ps no te preocupes aki aprenderas o eso creo naaa si aprenderan aun ke no crean ke aprenderan de un dia para otro como si fueran unos profecionales esto lleva practica,esfuerzo y tiempo.

Bueno les iva a enseñar esto como en una pagina pero la neta no le entendi ya q no es = q estas paginas de ning asi q mejor les enseñare como yo aprendi y bueno espero ke entiendan

Bueno en los codigos q llegen a encontrar por lo regular siempre vienen asi

/* Ningbar & Footer */
/* %ningbarInvert% */
#xn_bar,
#xg_foot {
background-color:/* %ningbarColor% */ transparent!important;
}
/*Header & Navigation (#xg_head and descendants)*/
#xg {
background-color:/* %headBgColor% */ transparent !important;
background-image:/* %headBgImage% */ none;
background-position:550px 50px;
background-repeat:/* %headBgImage_repeat% */no-repeat;
background-attachment:fixed;
border:none;
}

Estas partes te indican lo q estas o vas a modificar

/* Ningbar & Footer */,,/*Header & Navigation*/

Asi q lo ke yo hacia era copiar una parte por ejemplo esta

/* Ningbar & Footer */
/* %ningbarInvert% */
#xn_bar,
#xg_foot {
background-color:/* %ningbarColor% */ transparent!important;
}

y veia lo q sucedia y asi con cada parte del codigo asi fue como aprendi despues de saber q hace cada cosa fue cuando comenze a modificar esas partes y aki tratare de explicarles algunas cosas q encontraran en los codigos

background-image:url:Esto es para poner una imagen

background-position:Esto es para la posicion de la imagen y estas son las pociciones:

Top Left

Top Center

Top Right

Center Left

Center Center

Center Right

Bottom Left

Bottom Center

Bottom Right

background-repeat:repeat:Esto es para repetir la imagen si no la kieres repetir solo cambia esto background-repeat:no-repeat y ya

border:2px ridge #4B7977:Esto es para los bordes y el numero es para el grosor del borde entre mas grande el numero mas grueso el borde el "ridge" es el tipo de borde y aki hay varios tipos de bordes

Dotted

Dashed

Solid

Double

Groove

Ridge

Inset

Outset

Y los numeros son para el color del borde

height: 60px:Esto es para el tamaño de la imagen a lo largo
width: 955px:Esto es para el tamaño de la imagen hacia lo ancho

y no solo para la imagen puede ser para otras cosas

font-family:Book Antiqua, Times New Roman:ESto es para el tipo de letra
font-size:16px:Esto es para el tamaño de la letra

color:#ffffff:Esto es para el color de la letra

y bueno creo q faltan mas pero la neta ya no me acuerdo de todo asi q si alguien kiere saber para q sirve algo del codigo lo puede poner de comentario y si yo lo se pues se los dire

Foro de discusión

Temas para tu pagina n_n [Actualizado]

Iniciada por ✮☜๑Иคяยt0-ɨЌɱόʑū๑☞✮..jesyは、i♥を!. Última respuesta de サスケ lml, 13 Sep 2012. 28 Respuestas 13 Me gustan

Hola aki les dejo unos Temas para su pagina espero ke les gusten los temas no son mios para q no me vayan a decir ke me los chinge …Leer más...

Etiquetas: blood, temas

RSS

Iniciada por Shaka de Virgo " Alex ". Última respuesta de ✮☜๑Иคяยt0-ɨЌɱόʑū๑☞✮..jesyは、i♥を! 9 Nov 2011. 1 Responder 1 Me gusta

Creo que esto a muchos les ha pasado y no solo a mi pero...¿ que son y para que sirven los " RSS " en la pagina de perfil??

Wallpapers [Actualizado]

Iniciada por ✮☜๑Иคяยt0-ɨЌɱόʑū๑☞✮..jesyは、i♥を! 8 Nov 2011. 0 Respuestas 2 Me gustan

Etiquetas: varios, anime, Wallpapers

Patterns [Actualizado]

Iniciada por ✮☜๑Иคяยt0-ɨЌɱόʑū๑☞✮..jesyは、i♥を! 8 Nov 2011. 0 Respuestas 1 Me gusta

¿¿¿Que es un Pattern???Son los clásicos rellenos "patrones" que se usan para un fondo. Madera, mármol, cesped, arena, etc. Por ejemplo:…Leer más...

Etiquetas: ModificarPagina, Patterns

Ver todos

Comentarios

Comentar

¡Necesitas ser un miembro de ¿¿Como modificar tu pagina?? para añadir comentarios!

Comentado por ◣_◢ иι¢σ єℓ мαℓσ ◣_◢ el 2 septiembre, 2012 a las 9:29am: xD

Comentado por Tavo Shadowmourne el 28 agosto, 2012 a las 8:29pm: grax primo

Comentado por luna susuki san ♥ el 11 diciembre, 2011 a las 5:08am: una super duda y a este blog no se le puede agregar reloj encontre esta pagina http://anime-widget.blogspot.com/2007/12/naruto-turns-into-sasuke.html y me parecieron xidos bueno uno ke otro

Comentado por Kчuβi999 el 16 noviembre, 2011 a las 2:53am: o.0

Comentado por フレディキング(Freddy) el 16 noviembre, 2011 a las 2:30am: select.quickpost {display:none!important;}
#xg_tab_invite{
display:none!important;}
#xn_bar_menu_search { visibility: hidden;}
#xn_bar_menu_tabs { visibility: hidden;}
#xj_StatusAndShareLink{
display:none;}
.xg_module{
margin-bottom: 2em;}
#xg #xg_body h1{
background-repeat:no-repeat;background-color: transparent;background-position:center;height:500px;width:auto;
background-image:url(file://C%3A/Documents and Settings/estudio/Mis documentos/Descargas/Nueva carpeta (2)/Bleach-461-Ichigo-262014649_files/bleach_461___ichigo_by_silvercore94-d4bzvsp.png);
border:1px dotted #DDDDDD;-moz-border-radius: 50px;border-radius: 50px;}
/* %ningbarInvert% */
#xn_bar,
#xg_foot{
background-color:/* %ningbarColor% */ transparent!important;}
#xg{
background-color:transparent:transparent!important!
background-position:center 0px;}
#xn_bar{
height:30px;background-color:/* %ningbarColor% */ transparent !important;
background-image:none;background-repeat:repeat-x;border:0px double #282727;}
body{
background-color:/* %siteBgColor% */ #000000;
background-image:url(http://3.bp.blogspot.com/-toc6aM18z40/TizQ38IAyAI/AAAAAAAAAwg/BFL8m...);
background-position:center 0px;background-attachment:fixed;background-repeat:repeat;
border:8px ridge #282727;-moz-border-radius: 10px;border-radius: 10px;}
}
#xn_bar, .xg_ningbarbg {
float:none;
width:1000px;
height:100px;
margin:auto;
}

background-position:center 70px;
color:#C0A698;}.photo{border:3px groove #282727;}
(#xg_head and descendants)
#xg{
background-color:/* %headBgColor% */ transparent !important;
background-image:/* %headBgImage% */ none;
background-position:550px 50px;
background-repeat:/* %headBgImage_repeat% */no-repeat;
background-attachment:fixed;border:none;}
#xn_bar > #xn_bar_menu{
background:none;background-repeat:repeat-x;
background-position:center 0px;height:15px;background-attachment:fixed;list-style-text;
color: transparent!important;}
#xg_masthead,
#xg_masthead a {
height: 500px;min-height: 500px;
color:/* %pageHeaderTextColor% */ transparent !important;}
#xg_masthead p#xg_sitename {
padding:0 0 0 0px;font-size:0em;
font-family: Book Antiqua, Times New Roman;
line-height:0em;font-style:normal;font-weight:normal;}
#xg_masthead p#xg_sitedesc{
padding:0 0 0 0px;
color:transparent !important;
font-size:0em;
font-family: Book Antiqua, Times New Roman;
font-style:normal;
font-weight:normal;}
#xg_navigation {margin-top:0em;margin-bottom:0em;background:#000000 url(none) repeat-x center 0px;
background-position: bottom !important;height: 70px;width: 955px;border-top: 6px groove #282727;
border-left: 4px groove #282727;border-right: 4px groove #282727;}#xg_navigation ul {float:right;}
#xg_navigation ul li {font-family:"andale mono";font-size:20px;text-align:right;text-transform:normal;
margin-top: 0px;border-left:3px groove #282727;}#xg_navigation ul li a {font-family:"andale mono";
font-weight:bold;font-style:italic;text-decoration:none;line-height:auto;background:transparent repeat-x center 0px;
color:#C0A698;}#xg_navigation ul li a:hover {font-family:"andale mono";font-weight:bold;font-style:italic;
line-height:auto;color:#5B5654;background:transparent url(-) no-repeat center 0px;}
#xg_navigation ul li.this {background:transparenturl(-) repeat center 0px;}
#xg_navigation ul li.this a {font-family:"andale mono";font-weight:bold;font-style:italic;color:#56443E!important;
background:transparent url(-) no-repeat center 0px;}#xg_navigation ul li.this a:hover {font-family:"andale mono";
font-weight:bold;font-style:italic;color:#5B5654 !important;background:transparent url(-) no-repeat center 0px;}
#xg_navigation ul div.xg_subtab ul li a{width: 160px;position:relative;left: 15px;top: 15px;
border: 0px groove #282727;}#xg_navigation ul div.xg_subtab ul li a {font-family:"andale mono";
font-size:20px;color:#C0A698!important;background:#000000 url(0) repeat center 0px !important;
border-bottom:5px outset #282727;text-align:center;}
#xg_navigation ul div.xg_subtab ul li a:hover {color:#5B5654!important;
background:#323130 url(-) no-repeat center 0px !important;font-size:20px;border-bottom:5px outset #282727;}
#xg_masthead {background-image:url(http://th04.deviantart.net/fs70/PRE/f/2011/235/3/3/hitsugaya_toushi...);padding:265px 0 0;background-shadow:5px 5px 5px #000;-moz-border-radius:16px;-webkit-border-radius:15px;margin-to-top:5px;border:2px solid #fff;-moz-box-shadow:0 3px 3px 0 #000;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;height:300px;}#xg_masthead:hover {background-image:url(http://fc08.deviantart.net/fs70/i/2011/236/c/4/hitsugaya_wall_by_do...);padding:165px 0 0;background-shadow:5px 5px 5px #000;margin-top:5px;border:2px solid #fff;-moz-box-shadow:0 2px 2px 0 #000;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;height:300px;}
(#xg_body and descendants)/#xg #xg_body h1 {color:#5B5654;font-family:"segoe script";
weight:bold;font-size:30px;text-align: center;background-color:#000000;
background-image: url(http://fc08.deviantart.net/fs50/f/2009/259/a/8/BLEACH__Ichigo_aMt_G...);
background-repeat:no-repeat;background-position: center 40px;height: 300px;
width:auto;border: 3px groove #282727;padding-left:7px;padding-right:7px;}
.xg_1col .xg_module_body {background-color: transparent!important;

background-position: center 0px;background-repeat:repeat;
margin-bottom:0em;border:4px groove #282727;}.xg_1col .xg_module_head{background-color: #000000!important;

background-position: center;height:60px;margin-bottom:0em;border-top:5px groove #282727;
border-right:5px groove #282727;border-left:5px groove #282727;}.xg_1col
.xg_module_head h2 {font-size:20px;margin-left:5px;padding-top:0em;font-weight: normal;
color:#C0A698;font-family:"segoe script";font-weight:bold;font-style:italic;border:0px outset #282727;
background-color: transparent!important;}#xg_body {background-position: center -30px;
background-color:/* %pageBgColor% */ #000000!important;
background-image:/* %pageBgImage% */
url(http://fc05.deviantart.net/fs71/f/2011/252/0/f/hitsugaya_toushiro__...);
background-repeat:/* %moduleBgImage_repeat% */ no-repeat;
background-attachment:fixed !important;border:4px groove #282727;width:945px;}
body a {color:/* %siteLinkColor% */ #C0A698;}body a:hover {color:/* %siteLinkColor% */ #5B5654;
background:transparenturl(-) repeat center 0px;}.xg_lightfont {color:#71726E;}
.xg_module_body, .xg_module_body legend,
.xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this {background-color: transparent !important;

background-position: center 0px;background-repeat:/* %moduleBgImage_repeat% */ repeat;
border:4px groove #282727;}/* %moduleBodyTextColor% */.xg_module_body,.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,ul.page_tabs li.this {color:/* %moduleBodyTextColor% */ #C0A698;
text-align: left!important;font-weight:normal;font-style:italic;font-size:20px;
font-family:"segoe script";}dl.comment img.photo {position : absolute;left : 0;right : auto;
border :3px outset #282727;}.xg_module_head {background-color:#000000!important;

background-repeat:repeat-x;background-position: center;
height:60px;margin-bottom:0em;border-top:5px groove #282727;border-right:5px groove #282727;
border-left:5px groove #282727;}.xg_module_head h2 {font-size:20px;margin-left:5px;padding-top:0em;
font-weight: normal;color:#C0A698;font-family:"segoe script";font-weight:bold;font-style:italic;
border:0px outset #282727;background-color: transparent!important;}.xg_module_body,
.xg_module_foot {border-bottom: 3px groove #282727;}.xg_module_body h3,
.xg_module_body caption {color:#C0A698 ;font-family:"segoe script";}
#xg_body ul.navigation {position: static;font-family:"segoe script";font-weight:bold;font-style:normal;
float: left;clear: both;border-bottom: 3px groove #282727;}#xg_body ul.navigation a{color:#C0A698;}
#xg_body ul.navigation a:hover {font-family:"segoe script";font-weight:bold;font-style:normal;color: #773505;
background:transparent url(-) repeat left 0px;}
#xj_message_container{background-color: #000000
;background-image:url(-);
background-repeat:no-repeat;background-position: center 0px;border:0px groove transparent!important;}
#xg_profiles_chatterwall_post_comment{color:#C0A698;background-color: transparent;font-family:"segoe script";
font-size : 20px;font-weight:bold;height: 450px!important;} .texteditor_toolbar {background-color: #000000!important;

.xg_module_body iframe li {margin:0px;height:0px;overflow: auto;position:relative;margin-left:3px;font-family: arial;}
#xg_module_members,.body_small{padding-left:0px;height:151px;overflow-y:auto ;overflow-x:hidden}
.module_members .xg_module_body li {display:block;disp
img{
font-size:14px;color:#ffffff;}border-bottom:px;}.xg_module_head h2 {font-size:15px;margin-left:2pt;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;color: #FFFFFF;font-weight:bold;},.xg_module_body iframe li {margin:7px;height:100px;overflow: auto;position:relative;margin-left:3px;font-family: arial;}/* gray buttons */#xg_profiles_chatterwall_post_comment{color: #000;background-image:none;background-position:top right;background-attachment:relative;height:400px;}#xg_profiles_chatterwall_list{height:600px;overflow:auto;position:relative;margin:3px;text-align:center;font-size:12px;}
img{opacity:1; filter:alpha(opacity=100); }img:hover{opacity:0.40; filter:alpha(opacity=40);}