Administra tu Blog

¡Crea tu Blog Ya! Fácil y Gratis ¿Te gusta la Fotografía?


Carolaine Moncada, Te abrimos las Puertas al Nuevo Mundo.

Categoría: Templates para Nireblog

13/07/2008 GMT 1

Template Naruto

carolaine_moncada @ 21:45

 

dibujo.PNG

 Ejemplo Naruto

:P por fin hice un Template para Nireblog de Naruto

^^

Si lo quieren ver más grande acá está el Link :

http://ejemplonaruto.nireblog.com

y el código :

body {
margin: 0;
padding: 0;
text-align: center; /* By CarolaineMoncada.Nireblog.com, porfavor no cambiar nada si desean saber algo más o ayuda sobre el template envíame un e-mail :)*/
}

#rap {
margin: 0 auto 0 auto;
padding: 0;
width: 300px;
overflow: auto;
text-align: left; /* By CarolaineMoncada.Nireblog.com, porfavor no cambiar nada si desean saber algo más o ayuda sobre el template envíame un e-mail :)*/
}

#header {
margin: 0;
padding: 15px;
}

#content {
width: 500px;
margin: 0;
text-align: left;
float: right;
padding: 10px 20px;
}

#menu {
margin: 0;
padding: 0;
width: 500px;
float: left;
overflow: hidden;
}

.credit {
clear: both;
width: 100px; /* By CarolaineMoncada.Nireblog.com, porfavor no cambiar nada si desean saber algo más o ayuda sobre el template envíame un e-mail :)*/
margin: 0 auto 8px auto;
padding: 5px 3px;
text-align: center;
}#content {
overflow: hidden;
}

body {
font-family: 'Comic Sans MS', Arial, sans-serif;
font-size: 0.8em;
color: #999999 
;
background-color: #FFFFFF;
background-image: url(http://img151.imageshack.us/img151/9935/27789430fg82in9.png);
background-position: top left;
background-repeat: repeat;
}
a:link {
color: #FF6633  ;
}
a:visited {
color: #FF6633  ;
}
a:hover {
color: #FF6633  ;
}
#rap {
background-color: #FFFFFF;
background-image: url(......................................................);
background-position: top left;
background-repeat: repeat;
}
#header {
background-image: url(http://img171.imageshack.us/img171/3833/27789430fg8fffffffffffyk1.png);
background-position: top left;
background-repeat: no-repeat;
height: 171px;
}
#header a:link, #header a:visited {
background-color: transparent;
text-decoration: none;
color: #FF6633
;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li {
font-weight: bold;
text-align: center;
margin: 0;
padding: 5px 0 0 0;
}
#menu ul ul {
list-style-type: none;
line-height: 100%;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
#menu ul li {
color: #999999;
}
#menu ul ul li {
border: 0;
font-weight: normal;
text-align: left;
color: #FF6633
;
}
#menu a:link, #menu a:visited {
color: #999999;
background-color: transparent;
border-bottom: 1px dotted #FF6666
;
font-weight: bold;
text-decoration: none;
}
#menu {
color: #000000 ;
}
.credit {
color: #000000 ;
}
.credit a {
color: #000000 ;
font-weight: bold;
}

Carolaine Moncada, Todos los derechos Reservados

Si no saben ponerlo Visiten :
http://carolainemoncada.nireblog.com/post/2008/05/07/folleto-para-templates
que es folleto De Como poner un template en Nireblog
Recuerden dar Créditos ^^
53.gif
xCandyLine

 

 

07/05/2008 GMT 1

Folleto Para Templates

carolaine_moncada @ 02:11

 17352197de632bf7bc816451fc347385.gif 

Por Carolaine

Bueno no quiero que me molesten así que de inmediato pondré el Folleto para aquellos que no saben como crear su Plantilla

Vamos a lo primero !

1.PNG

Pones en administración del Blog arriba, en la barra de Nireblog ^^

y haz clic en la plantilla que tienes que no es esa

2.PNG

Pones en el Link que sale y dice CSS y no te confundas pues saldrán muchas plantillas, NO !!! solo haz clic en esa

Después te aparecerá un Cuadro GIGANTE ! y unas palabras o frases que no vas a entender xD ese es el código, el cual lo cambias por el que sacaste... 

Para Los que no saben

Hay muchos novatos en Nire así que aquí vamos

1.PNG

Bueno, como dije antes te vas a este cuadrito que no te va a salir esta plantilla te va a salir la que elegiste cuando creaste tu blog

nii.PNG

Al principio de todas las plantillas te aparecerá este link, pues que esperas y PRESIONALO !!!

uii.PNG

y te va a salir esto Chan chan, xD pero presiona inmediatamente el link Modificar plantilla xD apurate apurate....

 2.PNG

Después vuelves a aadministracion del blog, mas tarde a Cambair apariencia del blog y te saldrá esta Plantilla ahora si !!!

y dale al link de CSS ( si no tuviera la otra S diria Counter Strike ^^ )

y pones el código que copiaste de http://sortilegios.nireblog.com/cat/templates o http://carolainemoncada.nireblog.com/cat/templates-para-nireblog

 Espero que els haya servido de ayuda y recuerden si tienen algún problema diganmelo por Comentario esque leer los mail que me llegan no los leo xD, esque me aburren... No mentira pero he estado muy ocupada

en fin dejen sus comentarios...

Template Hadas 1

carolaine_moncada @ 01:52

 17352197de632bf7bc816451fc347385.gif 

Por Carolaine

xD Me emocione mucho con el otro Template, Creo, bueno acá hice otro de hadas al que le puse Hadas 1 !!!!

aca la DEMO

Template Hadas 1

Si quieren verlo en tamaño real

visiten el siguiente link http://ejemplohadas1.nireblog.com

 y acá el Code

body {
margin: 0;
padding: 0;
text-align: center; /* added by Alex King for compatibility with IE 5 */
}

#rap {
margin: 0 auto 0 auto;
padding: 0;
width: 300px;
overflow: auto;
text-align: left; /* added by Alex King for compatibility with IE 5 */
}

#header {
margin: 0;
padding: 15px;
}

#content {
width: 710px;
margin: 0;
text-align: left;
float: right;
padding: 10px 20px;
}

#menu {
margin: 0;
padding: 0;
width: 100px;
float: left;
overflow: hidden;
}

.credit {
clear: both;
width: 750px; /* changed by Alex King to match the width of the body */
margin: 0 auto 10px auto;
padding: 5px 3px;
text-align: center;
}#content {
overflow: hidden;
}

body {
font-family: 'Berlin Sans FB', Arial, sans-serif;
font-size: 0.8em;
color: #FF6666 
;
background-color: #FFFFFF;
background-image: url(http://img180.imageshack.us/img180/2677/27789430fg8.png);
background-position: top left;
background-repeat: repeat;
}
a:link {
color: #3399FF ;
}
a:visited {
color: #3399FF ;
}
a:hover {
color: #3399FF ;
}
#rap {
background-color: #000000;
background-image: url(......................................................);
background-position: top left;
background-repeat: repeat;
}
#header {
background-image: url(http://img180.imageshack.us/img180/3832/76343538yw7.png );
background-position: top left;
background-repeat: no-repeat;
height: 171px;
}
#header a:link, #header a:visited {
background-color: transparent;
text-decoration: none;
color: #FF6666 
;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li {
font-weight: bold;
text-align: center;
margin: 0;
padding: 5px 0 0 0;
}
#menu ul ul {
list-style-type: none;
line-height: 100%;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
#menu ul li {
color: #3399FF;
}
#menu ul ul li {
border: 0;
font-weight: normal;
text-align: left;
color: #FF6666 
;
}
#menu a:link, #menu a:visited {
color: #FF6666;
background-color: transparent;
border-bottom: 1px dotted #FF6666 
;
font-weight: bold;
text-decoration: none;
}
#menu {
color: #3399FF ;
}
.credit {
color: #3399FF ;
}
.credit a {
color: #3399FF ;
font-weight: bold;
}

Sólo les pido Créditos ^^

Si no Sabes como se crea una Plantilla CSS para el Template :

Debes pegarlo así :

1.PNG

Vas a Cambiar apariencia del Blog. y haz clic ahí

2.PNG

Después haz clic en CSS

si no tienes una plantilla haz una en

Crar plantilla en 2 pasos

y haz lo que te he dicho...

 

Recuerda que si necesitas ayuda para el template deja un Comentario ^^

 

06/05/2008 GMT 1

Template Girasol

carolaine_moncada @ 21:51

 

17352197de632bf7bc816451fc347385.gif

Por Carolaine

Otro template Más, pero mejorado los otros los sacare por que están muy feos xD en fin

acá una foto de como es

Template Girasol

y Si quieren Verlo en tamaño real

sólo visiten http://ejemplogirasol.nireblog.com

y el Código que deben copiar es :

 body {
margin: 0;
padding: 0;
text-align: center; /* added by Alex King for compatibility with IE 5 */
}

#rap {
margin: 0 auto 0 auto;
padding: 0;
width: 300px;
overflow: auto;
text-align: left; /* added by Alex King for compatibility with IE 5 */
}

#header {
margin: 0;
padding: 15px;
}

#content {
width: 710px;
margin: 0;
text-align: left;
float: right;
padding: 10px 20px;
}

#menu {
margin: 0;
padding: 0;
width: 100px;
float: left;
overflow: hidden;
}

.credit {
clear: both;
width: 750px; /* changed by Alex King to match the width of the body */
margin: 0 auto 10px auto;
padding: 5px 3px;
text-align: center;
}#content {
overflow: hidden;
}

body {
font-family: 'Comic Sans MS', Arial, sans-serif;
font-size: 0.8em;
color: #FFCC00 
;
background-color: #FFFFFF;
background-image: url(
http://img385.imageshack.us/img385/9091/50621688ic2.png );
background-position: top left;
background-repeat: repeat;
}
a:link {
color: #FF6600 ;
}
a:visited {
color: #FF6600 ;
}
a:hover {
color: #FF6600 ;
}
#rap {
background-color: #000000;
background-image: url(
http://picasion.com/pic1/d19d45cb530087faa9acd1dd80689da2.gif );
background-position: top left;
background-repeat: repeat;
}
#header {
background-image: url(
http://img399.imageshack.us/img399/8973/40730486ls5.png );
background-position: top left;
background-repeat: no-repeat;
height: 171px;
}
#header a:link, #header a:visited {
background-color: transparent;
text-decoration: none;
color: #FFCC00 
;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li {
font-weight: bold;
text-align: center;
margin: 0;
padding: 5px 0 0 0;
}
#menu ul ul {
list-style-type: none;
line-height: 100%;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
#menu ul li {
color: #FF0000;
}
#menu ul ul li {
border: 0;
font-weight: normal;
text-align: left;
color: #FFCC00 
;
}
#menu a:link, #menu a:visited {
color: #FF6666;
background-color: transparent;
border-bottom: 1px dotted #FFCC00 
;
font-weight: bold;
text-decoration: none;
}
#menu {
color: #FF6600 ;
}
.credit {
color: #FF6600 ;
}
.credit a {
color: #FF6600 ;
font-weight: bold;
}

No olviden dar créditos bye bye ^^ !

01/05/2008 GMT 1

Plantilla The Jonas Brothers Para Nireblog

carolaine_moncada @ 02:25
17352197de632bf7bc816451fc347385.gif
Por Carolaine
Siii porfin Tube tiempo para crear una Plantilla
de Los Jonas Brothers... Recuerden que solo les pido que me den creditos
en fin aca esta el DEMO
Demo 1
Linda no
en fin aca los codigos que deben Copiar y Pegar
Si Quieren Ver como se verá el Template Haz clic en el Siguente Link
http://ejemplojonas.nireblog.com
 

body {
margin: 0;
padding: 0;
text-align: center; /* added by Alex King for compatibility with IE 5 */
}
#rap {
margin: 0 auto 0 auto;
padding: 0;
width: 750px;
overflow: auto;
text-align: left; /* added by Alex King for compatibility with IE 5 */
}
#header {
margin: 0;
padding: 15px;
}
#content {
width: 500px;
margin: 0;
text-align: left;
float: right;
padding: 10px 20px;
}
#menu {
margin: 0;
padding: 0;
width: 200px;
float: left;
overflow: hidden;
}
.credit {
clear: both;
width: 750px; /* changed by Alex King to match the width of the body */
margin: 0 auto 10px auto;
padding: 5px 3px;
text-align: center;
}#content {
overflow: hidden;
}
body {
font-family: 'Century Gothic', Arial, sans-serif;
font-size: 0.8em;
color: #000000;
background-color: #FFFFFF;
background-image: url(http://img215.imageshack.us/img215/433/lalalalalalyw8yw1gy7mx8.png );
background-position: top left;
background-repeat: repeat;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}
#rap {
background-color: #000000;
background-image: url(http://img143.imageshack.us/img143/3140/thejonasbrothers2ru1.png );
background-position: top left;
background-repeat: repeat;
}
#header {
background-image: url(http://img214.imageshack.us/img214/7374/thejonasbrothersog2.png );
background-position: top left;
background-repeat: no-repeat;
height: 171px;
}
#header a:link, #header a:visited {
background-color: transparent;
text-decoration: none;
color: #000000;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li {
font-weight: bold;
text-align: center;
margin: 0;

padding: 5px 0 0 0;
}
#menu ul ul {
list-style-type: none;
line-height: 100%;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
#menu ul li {
color: #000000;
}

#menu ul ul li {
border: 0;

font-weight: normal;
text-align: left;
color: #000000;
}
#menu a:link, #menu a:visited {
color: #000000;
background-color: transparent;
border-bottom: 1px dotted #000000;
font-weight: bold;
text-decoration: none;
}
#menu {
color: #000000;
}
.credit {
color: #000000;
}
.credit a {
color: #000000;
font-weight: bold;
}

Recuerden que si la van a usar den Creditos ;)

08/03/2008 GMT 1

Template Emo Style

carolaine_moncada @ 03:18

Eres un Emo apasionado ? y tienes un Blog en Nireblog ?

Entonces llevate este template a tu blog

Te Presento a Emo Style

 

Emo

El Código es :

body {
 margin: 0;
 padding: 0;
 text-align: center; /* added by Alex King for compatibility with IE 5 */
}

#rap {
 margin: 0 auto 0 auto;
 padding: 0;
 width: 750px;
 overflow: auto;
 text-align: left; /* added by Alex King for compatibility with IE 5 */
}

#header {
 margin: 0;
 padding: 15px;
}

#content {
 width: 500px;
 margin: 0;
 text-align: left;
 float: right;
 padding: 10px 20px;
}

#menu {
 margin: 0;
 padding: 0;
 width: 200px;
 float: left;
 overflow: hidden;
}

.credit {
 clear: both;
 width: 750px; /* changed by Alex King to match the width of the body */
 margin: 0 auto 10px auto;
 padding: 5px 3px;
 text-align: center;
}#content {
overflow: hidden;
}

body {
font-family: 'Century Gothic', Arial, sans-serif;
font-size: 0.8em;
color: #FFFFFF;
background-color: #FFFFFF;
background-image: url(http://img208.imageshack.us/img208/4839/lalalalalalyw8yw1.png);
background-position: top left;
background-repeat: repeat;
}
a:link {
color: #C0C0C0;
}
a:visited {
color: #C0C0C0;
}
a:hover {
color: #C0C0C0;
}
#rap {
background-color: #000000;
background-image: url();
background-position: top left;
background-repeat: repeat;
}
#header {
background-image: url(http://img208.imageshack.us/img208/3695/carolainemoncadadesignccw5.png);
background-position: top left;
background-repeat: no-repeat;
height: 171px;
}
#header a:link, #header a:visited {
background-color: transparent;
text-decoration: none;
color: #FFFFFF;
}
#menu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#menu ul li {
 font-weight: bold;
 text-align: center;
 margin: 0;
 padding: 5px 0 0 0;
}
#menu ul ul {
 list-style-type: none;
 line-height: 100%;
 margin: 0;
 padding: 0;
 margin-bottom: 5px;
}
#menu ul li {
color: #FFFFFF;
}
#menu ul ul li {
border: 0;
font-weight: normal;
text-align: left;
color: #FFFFFF;
}
#menu a:link, #menu a:visited {
color: #FFFFFF;
background-color: transparent;
border-bottom: 1px dotted #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#menu {
color: #FFFFFF;
}
.credit {
color: #000000;
}
.credit a {
color: #000000;
font-weight: bold;
}

 

Y Como algunas personas no saben como poner el código

aquí va una pequeña explicación

 

Debes pegarlo así :

1.PNG

Vas a Cambiar apariencia del Blog. y haz clic ahí

2.PNG

Después haz clic en CSS

si no tienes una plantilla haz una en

Crar plantilla en 2 pasos

y haz lo que te he dicho...

 

Intentaré hacer otro de HSM

Ya que hay muchos fans, bye bye

23/02/2008 GMT 1

Template Love Love

carolaine_moncada @ 22:09
Me he decidido a poner mi Template para que lo tengan en
su Blog al igual que yo, ya que he
decidido cambiarlo...
 
Bueno el Template es el Siguiente,
aquí está el Demo
Template Love Love
Si lo Quieres,
Está muy lindo y aquí está el Código...
body {
margin: 0;
padding: 0;
text-align: center; /* added by Alex King for compatibility with IE 5 */
}

#rap {
margin: 0 auto 0 auto;
padding: 0;
width: 750px;
overflow: auto;
text-align: left; /* added by Alex King for compatibility with IE 5 */
}

#header {
margin: 0;
padding: 15px;
}

#content {
width: 500px;
margin: 0;
text-align: left;
float: right;
padding: 10px 20px;
}

#menu {
margin: 0;
padding: 0;
width: 200px;
float: left;
overflow: hidden;
}

.credit {
clear: both;
width: 750px; /* changed by Alex King to match the width of the body */
margin: 0 auto 10px auto;
padding: 5px 3px;
text-align: center;
}#content {
overflow: hidden;
}

body {
font-family: 'Kristen ITC', Arial, sans-serif;
font-size: 0.8em;
color: #FF6666;
background-color: #FFFFFF;
background-image: url(http://picasion.com/pic1/60ee1f3b0593e26d7fcf3f85c61ee360.gif);
background-position: top left;
background-repeat: repeat;
}
a:link {
color: #FF0000;
}
a:visited {
color: #FF0000;
}
a:hover {
color: #FF0000;
}
#rap {
background-color: #FFFFFF;
background-image: url(http://picasion.com/pic1/d19d45cb530087faa9acd1dd80689da2.gif);
background-position: top left;
background-repeat: repeat;
}
#header {
background-image: url(http://picasion.com/pic1/82709a3bda0bb972210f3fac883cb9ba.gif);
background-position: top left;
background-repeat: no-repeat;
height: 171px;
}
#header a:link, #header a:visited {
background-color: transparent;
text-decoration: none;
color: #FFFFFF;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li {
font-weight: bold;
text-align: center;
margin: 0;
padding: 5px 0 0 0;
}
#menu ul ul {
list-style-type: none;
line-height: 100%;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
#menu ul li {
color: #FF0000;
}
#menu ul ul li {
border: 0;
font-weight: normal;
text-align: left;
color: #FF6666;
}
#menu a:link, #menu a:visited {
color: #FF6666;
background-color: transparent;
border-bottom: 1px dotted #FF6666;
font-weight: bold;
text-decoration: none;
}
#menu {
color: #FF6666;
}
.credit {
color: #000000;
}
.credit a {
color: #000000;
font-weight: bold;
}

Espero que les haya gustado
y si lo ponen en su Blog
escriban un comentario....
Bye !

01/02/2008 GMT 1

Template el Reloj

carolaine_moncada @ 23:03

Recuerda : Este template sólo sirve para nireblog.com/es, no sirve para, blogger, lacoctelera, etc...

Hola, porfín he podido crear mi propio template con la forma de diseño CSS, lástima que sólo se puede para nireblog, en fín, es muy fácil agregarlo, intentaré crear más... por el momento tengo el siguiente :

Template el Reloj.

Template el Reloj

La imágen de Arriba es el Demo del Template

El código del Template es el siguiente :

 body {
 margin: 0;
 padding: 0;
 text-align: center; /* added by Alex King for compatibility with IE 5 */
}
#rap {
 margin: 0 auto 0 auto;
 padding: 0;
 width: 750px;
 overflow: auto;
 text-align: left; /* added by Alex King for compatibility with IE 5 */
}
#header {
 margin: 0;
 padding: 15px;
}
#content {
 width: 500px;
 margin: 0;
 text-align: left;
 float: right;
 padding: 10px 20px;
}
#menu {
 margin: 0;
 padding: 0;
 width: 200px;
 float: left;
 overflow: hidden;
}
.credit {
 clear: both;
 width: 750px; /* changed by Alex King to match the width of the body */
 margin: 0 auto 10px auto;
 padding: 5px 3px;
 text-align: center;
}#content {
overflow: hidden;
}
body {
font-family: 'Century Gothic', Arial, sans-serif;
font-size: 0.8em;
color: #000000;
background-color: #000000;
background-image: url(http://picasion.com/pic1/d069a38a559dbfeb4e5876418b140e14.gif);
background-position: top left;
background-repeat: repeat;
}
a:link {
color: #000000;
}
a:visited {
color: #000000;
}
a:hover {
color: #000000;
}
#rap {
background-color: #000000;
background-image: url(http://picasion.com/pic1/67a1f0b4657228e8c3eaad1ec852a81c.gif);
background-position: top left;
background-repeat: repeat;
}
#header {
background-image: url(http://picasion.com/pic1/682c869b5d8c4d0fe2cabdd2638d31bc.gif);
background-position: top left;
background-repeat: no-repeat;
height: 171px;
}
#header a:link, #header a:visited {
background-color: transparent;
text-decoration: none;
color: #000000;
}
#menu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#menu ul li {
 font-weight: bold;
 text-align: center;
 margin: 0;

 padding: 5px 0 0 0;
}
#menu ul ul {
 list-style-type: none;
 line-height: 100%;
 margin: 0;
 padding: 0;
 margin-bottom: 5px;
}
#menu ul li {
color: #000000;
}

#menu ul ul li {
border: 0;

font-weight: normal;
text-align: left;
color: #000000;
}
#menu a:link, #menu a:visited {
color: #000000;
background-color: transparent;
border-bottom: 1px dotted #000000;
font-weight: bold;
text-decoration: none;
}
#menu {
color: #000000;
}
.credit {
color: #000000;
}
.credit a {
color: #000000;
font-weight: bold;
}

Debes pegarlo así :

1.PNG

Vas a Cambiar apariencia del Blog. y haz clic ahí

2.PNG

Después haz clic en CSS

si no tienes una plantilla haz una en

Crar plantilla en 2 pasos

y haz lo que te he dicho...

 

 

 

 

 

 

 

Archivo | ¡Crea tu Blog Ya! Fácil y Gratis