K2 es un avanzado tema para WordPress, el cual estoy usando en blog desde hace tiempo debido a las funcionalidades que tiene. Una de ellas es lo fácil que es personalizarlo mediante hojas de CSS, llamadas K2 Styles o Shemes (Estilos de K2). En esta página pongo para su descarga algunos de los que desarrollé para el blog. Para usarlos requiere tener instalado K2 1.0.3 o superior para WordPress. Algunos gráficos son tomados de otros temas bajo licencia GPL o CC.
K2 is an advanced template for the blogging engine WordPress developed by Michael Heilemann, Chris J Davis, Zeo, Steve Lam and Ben Sherratt. Read more.
K2 schemes are CSS files that allow you to visually customize your blog, without ever touching K2′s core files. The structure of K2 has been designed specifically for this purpose, and offers some truly great styling opportunities. Read more.
Updates
- 12/11/2007 – Styles updated for K2 RC3.
- 16/11/2007 – Added support for one and three columns.
- 30/06/2008 – Styles updated for K2 RC6.
- 04/07/2008 – Added a pack with all the styles.
- 16/01/2010 – Styles updated for K2 1.0.3, styles pack updated.
K2 1.1 is not supported.
Stripes vb
Download Stripes vb
Zip File
Pistachio
Download Pistachio
Zip File
GlossyBlue
GlossyBlue ported by van blogzor’s labs.
Download GlossyBlue
Zip File
Jolie
Download Jolie
Zip File
Reboot
Style esta basado en el reboot theme de Manu Contreras.
Download Reboot
Zip File
Skyblack
Download Skyblack
Zip File
Shermie
Basado en LactPlate.
Download Shermie
Zip File
Styles Pack
All the styles above in one Zip.
Download van blogzor’s K2 Syles Pack
Zip File
Pingback: Cosas por hacer
Me gustó mucho el scheme. Sin embargo, no funciona el k2_style_info. ¿sabrás por qué?
Un saludo
Que bueno que te gusto, gracias por probarlo. Acerca del k2_style_info, no tengo idea del porque no funciona. En el panel de las opciones de K2 debe de estar puesto algo más o menos así: K2 Options. Si aun no funciona, tal vez sea alguna modificación de Column K2 R6. Prueba viendo el codigo de footer.php. Saludos.
Me gusta como queda
La imágen de Agelina queda de maravilla 
También está muy bien el parrafo de los links de descarga
Gracias por los comentarios, y que bueno que te gusta. ¡Saludos!
Reboot looks nice on screenshot. I will give it a try.
Thanks for commenting, and it will be cool to see the style on your blog!
Hello,
I try two of your K2 style :
- reboot for my “private” bloc-notes : http://lyonelkaufmann.ch/notes
- skyblack for one of my public blog : http://lyonelkaufmann.ch
and for my thesis works : http://manuelshistoire.ch
Thank a lot for your very interesting job…
I’m happy that you like the styles, and thank you for the links, is nice to see the styles working on other blogs.
Nice stuff mate
K2 rocks!
Thanks, and yes, K2 rocks!
Hi there Ivan – Thanks for these great styles. I was wondering if you could help me with a small something please? With the reboot style, is there a way of adding a custom graphic title (so as to use a different font and add a logo, for example), while still having the blue, fluid strip across the top of the screen? Would I need to include the blue strip in a header image or is there an easier way than that? Many thanks. Richard. P.S. Perhaps you should have a paypal donation box on your site…
The link to Shermie is missing the ‘http://postnuke.zidev.com part’. Amazing style!
I cannot get this to work…i uploaded the folder with the CSS and the images into the styles folder in K2 and then selected the CSS on the options page and still nothing. Any idea what is wrong?
Elessar, thanks for the feedback… I did two big mistakes when I upload shermie, but now all is fixed, please download again the style and replace
shermie.cssthe entire folder, everything should work fine this time.Richard, I think yes, you need to add the blue strip in a new header. For this I make a new one that you can add what you want (download it here), then upload it to the reboot folder and edit the reboot.css, this line:
By this:
By the way, maybe is easier if you use the K2 custom header tool. I hope this can help you. Many thanks for the comments again!
Ivan – Thank you so much for the image – supremely helpful! Best regards, Richard. P.S. Thanks again!
Works perfectly! How would i go about integrating Flickr into my sidebar?
For that, there is a plug-in compatible with K2: FlickrRSS.
I love Skyblack..
I’m trying to hack Skyblack to add the ability to put captions on images for my blog. I’m new to CSS, and I’m getting some errors in the display and was wondering if you might be able to tell me what I did wrong. The image does not center correctly in the divs, and the padding seems too exaggerated, especially in the top and bottom of the images.
You can see the results in this image:
Results image
I’ve added the following code to the theme:
/* figure-divs and their supporters */
div.figure {
padding: 10px;
}
div.figure img { width: 100%; margin: 0; }
div.figure p { /* the default “legend” style, as opposed to “caption” */
font-size: 0.8em;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}
div.figure p.caption {
text-align: center;
font-size: 0.8em;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}
/* “caption” for short phrases; “legend” (default) is for continuous prose */
.full { width: 90%; padding: 5px; margin: 0.67em auto; }
/* “full” should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 5px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 5px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }
.rightcap { float: right; margin-left: 2%; }
.leftcap { float: left; margin-right: 2%; }
/* end figure-divs */
The HTML looks like this:
text file containing the html
Hello there!
Sam Kahn, this css should fix something:
The div.figure “erase” the previous css with the margin rules for images. Or something like that… It works?
Patrick Davies, thanks for your comment!
Yes, that seems to have fixed it. Thank you!
Dear Ivan, I love your Skyblack theme, and opted for it to be the new style of the ejournal I am editing. However, when viewed in IE6, the header seems to be duplicated, and the content part of it (the title and the menu) slides downward… can you help me on this? Thanks in advance!
Zoltán, I can’t find where the problem is, the only thing I think it is the cause of the problem is the javascript after the body tag:
< \ body class="wordpress k2 y2007 m01 d18 h08 home" >< \script src="http:// [...]" type="text/javascript">< \ /script>
Try moving the script (to the footer maybe?)
Ivan, I tried, but it just won’t work… do you think if I remove K2 altogether and give it a fresh install would help? Thanx for any help!!!
Yes, that maybe helps. If not, means that your server automatically embeds the JavaScript and I can’t help you, I tried some CSS but didn’t work. Maybe your web hosting can help you with this. Good luck!
Thank you anyway!
Hi Ivan – Thanks again for the great styles.
I wonder if you might be able to help me with a CSS question please? I’m trying to create a separate page template which removes the sidebar and enables the page body text to run across the entire width. I’ve figured out how to get rid of the sidebar but I can’t for the life of me figure out to get the page body text to span the whole width of the page. I understand it has something to do with creating a new DIV in the style sheet and calling that from within the page template, but I’m not sufficiently well versed in code to figure that out. I’d gladly donate a reasonable amount into your paypal account (assuming you have one) if you’re able to help with this.
Many thanks
Richard
Sorry Ivan – I think I’ve figured this out by myself. Best regards, Richard.
It’s OK, no problem.
I’ve just installed WordPress 2.1 and k2 0.95. It seems that it’s caused the skyblue color of the blog title in the header to turn into white. Any idea what’s making this happen?
It’s because the newly added “Custom image header” in WordPress 2.1. Please enter to the wp-admin page, then to presentation tab, then to custom image header, and then to select a text color. There choose #99CCFF or another color to give a refresh.
Just wanted to say thanks for the themes. I’m using a slightly-modified version of your Skyblack theme on my site.
A quick suggestion though… Instead of using those giant JPG images, why not switch to PNG? I converted the images for my site and it took the image size down almost 60KB.
Jason, thank you for commenting, your modifications have a nice looking. And I already replaced those jpg, many thanks for the advice!
It’s gorgeous thx!
nice looking themes! i want the black one!
Thanks oribie and Carl!
very nice
Thanks Muhammed!
Ivan im trying to change the reboot columns from right to left but i have no luck any chance you can give me a hand?
Of course, here are two options (revision 317 and up, tested on Firefox, IE7, and Opera 9):
Or:
You need to delete the previuos CSS that align sidebars to the right.
great styles, but put also english instructions to install that style
thank you
I hope to fix that shortly.
great themes
thx
Glossy blue?!?! Fantastic!
Van, you’re great, thanks!
Oleksandr, Andrea Micheloni, thank you very much!
¡Gracias tanto, mi amigo! ¡Amo el tema de Shermie! ¡Él ajustes como un guante!
Mi blog casa su blog casa!
No me funciona de loop me podrias chequer y ver como lo resuelves! lo necesito!
Un veradero placer he experimentado al leer tu interacción en el blog que has desarrollado, tienes una muy buena expresión escrita, un dominio en temas que Yo desconozco, muy a tono con tu generación, aprovecho el medio para saludarte, tenía claro tu buen grado de comprensión pero no había tenido oportunidad de disfrutarla hacia un escenario externo.
saludos, buena prosa.
Gracias por el comentario, no sabía de que estabas al tanto del blog. Saludos.
Jorge Pablo, no entiendo tu problema, te sugiero que busques ayuda en los foros de K2: http://getk2.com/forum/ Saludos.
Thanks for the Jolie style. I do have a question though. My site does not show the RSS feed icons in the sidebar like yours. What do I do to show them. Thanks for all of your hard and creative work.
gary
Gary,
I’m not sure, but I think you are using the wordpress widgets to manage your sidebar. Its better the K2′s own solution called SBM (Sidebar Manager). Disable the widgets plug-in and enable the SBM under presentation tab.
Yes, I am using WordPress widgets. I looked under the presentation tab but could not find anything called SBM. I am using version 2.2.1 Thanks anyway.
I was wrong; it is called “K2 Sidebar Modules” under the presentation tab. But if isn’t there anyway, I don’t know what is happening… Also, besides of the wordpress version, probably we are using different versions of K2.
I just found this on the K2 site:
PS: As per WordPress 2.2 you’ll need to activate a small plugin before you can use the K2 Sidebar Module system (which is, I might add, superior to the WordPress Widget system in a number of ways). The full procedure is short and easy.
Could never get it to work….just went back to widgets.
http://postnuke.zidev.com/styles/glossyblue2.zip
thanks, used for http://ies-prague.org
Thanks – GlossyBlue is brilliant!
Ivan, me fascina este scheme, muchas gracias. Una pregunta: cuando escojo el layout de 3 columnas se descuadra la border de la columna derecha. El header tambien se descuadra en relacion a las nuevas dimensiones de la parte inferior. Te agradecería si me puedes dar algun consejo, pues yo no se de css. Saludos
A proposito Ivan, estoy usando shermie.
Tressor, me interesa ver el problema, ¿podrías enviarme un link a tu blog?
Ahi está el link, saludos, muchas gracias. En este momento está en ’3-columnas’
Tres, lo que pasa es que estas usando la versión 1 del estilo, sólo necesitas bajar el estilo de nuevo, que es la versión 2, después actualizas. Tiene algunos cambios pero soporta la disposición de 3 columnas. Si deseas algo de la versión anterior me dices y probablemente pueda hacer algo. ¡Saludos!
gracias ivan, te estaré informando como me vá
Ivan… acabo de actualizar a la version 2 pero sigue ‘descuadrado’ cuando escojo 3-column. ¿alguna sugerencia? Saludos.
El CSS que esta cargado en tu blog sigue siendo el 1.0. Sigue estos pasos:
Primero, desactiva el estilo desde la administran de K2, después borras el directorio del estilo Shermie (pero conserva una copia en tu PC por si las dudas…), luego descargas el estilo Shermie 2.0 desde aquí, subes el directorio de nuevo y activas el estilo.
Si habías seguido estos pasos no se que pueda andar mal, tal vez algún problema con el caché.
gracias otra vez ivan
veo que en la version 2 los titulares cambian de tipo de letra… ¿qué archivo se debe modificar para dejar el mismo tipo de letra de la version anterior?
En la carpeta del estilo se encuentra el archivo shermie.css, ábrelo y busca lo siguiente:
Antes de “Georgia”, agregas “Arial” (font-family: Arial, Georgia…).
Si quieres cambiar el tamaño y otras cosas buscas lo siguiente:
Puedes cambiar el 1.8 por 2.2 (más grande), cambiar “bold” (negrita) por “normal”, etc.
Todo lo puedes editar con el bloc de notas o el wordpad de windows.
Nice themes here you have! I’ve downloaded 2 of them for later use.
hola Ivan,
desculpe minha espanhol, felicitacoes por website com muito backlinks.
Tu no estas escreviendo blog para ganhar muito dinheiro so um pouquito ? Porque no optimizar sua pagina para palabres “ganhar dinheiro” ?
Bem, yo estou observando que adsense nao esta em espanhol aqui. porque adsense na tua pagina no puedo ser?
Please, where can I download “jolie” theme?
Sorry, I didn’t notice that the server where I have the styles is down.
I prepared a new home, you can download the styles here: http://vanblogzor.co.cc/downloads/
Hi there Ivan – Thanks for these great styles. I was wondering if you could help me with a small something please? With the reboot style, is there a way of adding a custom graphic title (so as to use a different font and add a logo, for example), while still having the blue, fluid strip across the top of the screen? Would I need to include the blue strip in a header image or is there an easier way than that?
Yes, you need a header image with the blue strip. Instructions here: http://vanblogzor.co.cc/k2-scheme/#comment-194
I hope that can help you.
hey great styles….i uploaded the X9800…saw that theres a png named tip(useful.tips)….what function does it have?
greetings
It was for a special paragraph class called tip, an old stuff for my blog that ended there.
Erase it if you want, it has no use!
Grat Job!!! Thank You!
Ivan… viejo una pregunta, entiendo que el nuevo wp ofrece soporte nativo para gravatars. ¿Qué se debe hace para que los gravatars de los comentaristas se vean? ¿Acaso son incompatibles con K2/shermie?
Tienes que actualizar a la última versión de K2 (K2 Release Candidate 6). Ahora mismo mi blog esta usando el soporte nativo de gravatar. Lo que todavía no tengo tiempo de hecer es revisar si los estilos que hice funcionan sin problemas en el K2 RC6.
Ivan te envie un mensaje a gmail solicitando soporte pagado para un blog, … tal vez no lo has recibido? agradeceré tu respuesta.
Ya lo recibí, ahora me pongo en contacto.
Hi!
Nice styles, i like the Van blogzor one especially. I put a link up from my website to this page since i’m collecting K2 styles.
Hi Ivan!
I was wondering if you would share your custom Pistachio-K2 theme that your currently using for this website
It’s one of the themes you don’t have for download…
- Shawn
Oh and I should probably point out, that I’ve been using your Jolie style on my blog for a long time now. I recently upgraded to Jolie 3.0 – but I was hoping to switch to a variant of the Pistachio-K2 theme that you made. Hope you can share that theme with me and everybody else
OK, since you’re not the first who asked for the style I uploaded a Zip, you can download it here:
http://vanblogzor.co.cc/downloads/Pistachio.zip
Maybe someday I will update the page download and so on but for now anyone can download it from here. Thanks for your comments!
P.S. The style is tested in K2 RC6, and I don’t know how well it will behave on K2 RC7.
Hi Ivan! I just got your comment on my blog. I am so glad you like the look. I couldn’t have done it without your help!
Nice looking theme! I like the Jolie-in-the-header theme
Hi,
i love your pistachio theme!
Where did you get the header picture from? What anime/manga is it from?
Thanks a lot for the theme.
The original image header is a work made by Artgerm, you can find it here: http://artgerm.deviantart.com/art/Pepper-Smile-73438385
Thanks for the comments!
Hi!
I’m sorry to bother you, it’s been a long time since the last comment, but I didn’t see any other way to contact you.
I’m currently struggling with my wordpress (2.9.1) and the K2 Theme (1.0.3) to get rid of the sidebar and all the widgets. As I’m seeing you’ve managed to do that on this page and your about page, and I would be really grateful if you could help me with this.
I’ve got rid of all the widgets, but when there are no widgets active in the sidebar, I’m still with the search bar, and I don’t see how to get rid of it too. I’ve also managed to modify the width of the content section, but then the search bar goes on the bottom of the page (and I’m not sure there isn’t a better way than specifying the width in pixels… can’t we just tell it to use 100%?).
So to make things short: How did you do it ?
I’ve seen Richard on this page found it out by himself, but didn’t tell how, so if you could tell me how to fix this problem, it would be really nice of you.
Sorry for the long text, and I hope you see my message.
Thanks in advance
Hello Bentic!
For pages and post you can add a custom field named “sidebarless” with a value of “1″ or “yes”. This is how I did it, but if you want to get rid of the sidebar at all from your blog, the following CSS code should get the work done:
#primary-wrapper {margin: 0px;
float: none;
}
#primary {
float: none;
width: auto !important;
margin: 0px !important;
}
.secondary { display:none; }
Add the code to a custom stylesheet and activate it in the K2 options panel.
Greetings!
Thank you very much, that worked great!
I wanted to get rid of it completely, so I used the second option, but I’ll give a try with the first one too, just for practice.
Where do I need to add this custom field exactly ? (I’m sorry, but I’m not a specialist with all this)
Thank you again for the help, and thanks for the styles, it’s really helpful for learning.
You are welcome, and thank you too!
Custom fields can be added in the page where the post are written and sent, just scroll down in that page. Here is more information: http://codex.wordpress.org/Custom_Fields
Thank you very much, this is really helpful.
It is sometimes difficult to find information about what you’re trying to achieve when you don’t know how it must be done.
I didn’t have much luck in my search results with the words I used, but I finally found this page.
Thanks again for all your help, I finally can shape my pages how I wanted to