| The best CSS and Flash web galleries - Places to inspire | | 2008-05-07 16:21:58 | | Ever found yourself blank, with no inspiration or in a situation in which every idea you come up with seems not good enough ? Well, don’t worry. Every designer has these kind of moments.
CSS and Flash web galleries are great places to get inspiration from. Most galleries showcase loads of good and original concepts which [...] | | By: CrazyLeaf Design Blog | | |
|
| How To Add & Remove Borders In CSS Templates | | 2008-05-07 12:44:08 | | Here, I am going to show how to add or remove borders around the images or sidebars, posts, etc in the CSS layouts. I will briefly explain border styles, and also how to change the border colors.A BorderOk, let's start. Go to your Dashboard, then go to Template and finally Edit HTML. To make it quicker to find the border coding, click CTRL+F and type "border". The border word will be highlighted throughout the coding, but you have to find the following:-border:1px solid $bordercolor;1. BorderThis is how the border coding starts. Sometimes, you may see instead of just “border”, you may see “border-top”, or “border-bottom”, “border-left” or “border-right”, that will depend on which element you want to add a border.2. Border WidthThere are three types of width for borders: thin, medium or thick. However, you can choose your custom width, specifying the number of pixels which will indicate the width of the border.1px (or any other length)thinmediumthick3. Border StyleT | | By: Clickbank Business Guide | | |
|
| Ferramenta para otimizar códigos CSS | | 2008-05-01 07:59:44 | | O site http://www.cleancss.com/ é uma ferramenta on-line completa para otimizar e formatar códigos css. Você pode copiar e colocar o seu código CSS no campo “CSS-code” ou pode indicar a URL do arquivo *.css no campo “CSS from URL”. No campo “Compression (code layout) você tem diversas alternativas para diminuir o tamanho do CSS.
| | By: Portal Delta G | | |
|
| Cansei de Ser Sexy (CSS), "Donkey", nuevo disco | | 2008-05-01 02:19:00 | |
Cansei de Ser Sexy (CSS) publican nuevo disco, "Donkey", el próximo 21 de julio. La banda brasileña, liderada por el vocalista Lovefoxxx, ha dado a conocer el tracklist de su nuevo álbum y en la web de Cansei de Ser Sexy es posible descargar gratuitamente el tema "Rat Is Dead (Rage)", primer single del nuevo disco.
Este es el tracklist de "Donkey":
1. Jåger Yoga
2. Rat is Dead (Rage)
3. Reggae All Night
4. Give Up
5. Left Behind
6. Beautiful Song
7. How I Became Paranoid
8. Move
9. I Fly
10. Believe Achieve
11. Air Painter
www.csshurts.com
Festivaleros :: Música, Conciertos y Festivales
| | By: Festivaleros | | |
|
| Alinear imágenes con CSS: a Derecha e izquierda | | 2008-04-30 19:47:00 | | Esto va para crear una base de recursos sobre HTML y CSS de mi artículo principal, sobre como crear un blog y es la continuación obligatoria al artículo sobre como centrar imágenes con CSS.En este caso a la derecha e izquierda usando uno de los más importantes atributos de CSS para el diseño con DIV, que luego entraremos a detalle en ello.Este tutorial no trata del diseño con imágenes con CSS, lo veremos próximamente, sino de objetos metidos dentro del texto.Como se dijo anteriormente, | | By: CGnauta blog | | |
|
| Alinear texto con CSS | | 2008-04-30 16:43:00 | | Ya vimos en un anterior tutorial de CSS algunas formas de centrar una imagen usando CSS.Ahora veremos de manera simple como alinear texto a la derecha, la izquierda y el centro en el caso del texto.Con CSS tenemos de una leche para alinear texto, la propiedad CSS; text-align.Esta propiedad puede ser aplicada de muy diversas formas según las reglas CSS, de momento aquí veremos lo básico y cotidiano de su uso.El texto se puede alinear mediante el uso de elementos de Línea (Dentro del Texto en | | By: CGnauta blog | | |
|
|
| CSS and you | | 2008-04-21 09:35:55 | | CSS style sheets have made it easier to handle web pages during web development. CSS or Cascading Style Sheets as the name suggests is a style sheet that allows you to easily link to other documents in your website. It allows you to retain control over the various elements in different web pages of your [...] | | By: SEO Authority | | |
|
| Curso online de CSS em 16 lições | | 2008-04-19 16:15:54 | | O site html.net está oferecendo um curso de CSS grátis em 16 lições. Segue abaixo o sumário do curso: IntroduçãoUma breve introdução ao tutorial e o que você aprenderá.Lição 1: O que é CSS?O aparecimento das CSS, vantagens do seu uso para layout em relação ao HTML.Lição 2: Como funciona CSS?A sintaxe básica das CSS e a construção da sua primeira folha de estilos.Lição 3: Cores e fundos Como aplicar cores de primeiro plano e de fundo no seu website e o uso de imagens de fundo.Lição 4: FontesO que são fontes e como aplicá-las com uso de CSS.Lição 5: TextosAplicação das CSS para layout e apresentação de texto.Lição 6: LinksAdicionando interessantes efeitos em links e trabalhando com pseudo-classes.Lição 7: Identificando e agrupando elementos (class e id)Usando class e id para aplicar estilos a determinados elementos.Lição 8: Agrupando elementos (span e div)O uso dos elementos HTML span e div e sua vital importância para CSS.Lição 9: O box mo | | By: Portal Delta G | | |
|
| Cómo centrar una imagen usando CSS | | 2008-04-18 16:07:00 | | Centrar imágenes implica que seamos conscientes de que CSS no tiene una forma efectiva de tratar a objetos o elementos del tipo imagen o IMG. Muy parecido a lo que ocurre con HTML con el atributo Height, en las tablas.Posiblemente resueltas en la versión de CSS3 que no será dicho sea de paso para esta generación de navegadores.Así que ¿cómo centramos un objeto que CSS no tiene una forma específica para ser centrado?Bueno, la respuesta es sencilla, envolverlo en un elemento de linea como | | By: CGnauta blog | | |
|
| On Changing the Blog HTML and CSS | | 2008-04-16 09:26:30 | | I have wanted to change the layout and HTML design of my blog for some while now but I realize that doing so would result in the removal of some of my widgets and links. I may want to make my blog more nice looking but the consequences outweighs the benefits so I would rather stick to my old plain blog design.A blog friend, Ruthi, had changed her blog HTML design and is recently having some trouble with her PayPerPost tools. It seems that her code was erased when she changed her HTML and she's h | | By: Grim Angel | | |
|
| PSD2CSS Online: conversioni di immagini formato PSD a CSS | | 2008-04-16 03:37:00 | | PSD2CSS Online è una applicazione web gratuita che converte file immagini, dal formato PSD di Photoshop e Gimp, in una pagina web completa con XHTML e CSS.Si tratta di caricare nel sito il file che contiene il disegno nel formato PSD quindi verrà realizzata la conversione a questo punto ci viene dato un link con il quale possiamo vedere il risultato e scaricare così il file che contiene la struttura dell'immagine in formato CSS, pronta per essere visualizzata, modificata ed integrata nel web.Nella pagina del sito possiamo vedere il funzionamento dell'applicazione con diversi esempi di modalità d'uso. Veloce, gratuito e semplice.Sito: PSD2CSS OnlineDa: Zona Cerebral | | By: Bloginmano | | |
|
|
|
|
|
| Create a CSS Pop Up Menu | | 2008-04-15 07:55:14 | | Here you will learn how to create a pop up menu written purely in CSS. The code uses XHTML lists which are then styled to produce the hover effects. No Javascript is used apart from IE browsers as they will not display the hover effect without it.
| | By: Sharebrain - the best links for Webworkers | | |
|
| Custom CSS Cursors | | 2008-04-15 07:47:09 | | Need a cusom cursor for your website? Check out this short article and get a quick overview to learn which custom cursors there are and on whick browser you can use them. And of cource you will read how to implement them to your website.
| | By: Sharebrain - the best links for Webworkers | | |
|
|
| Style Master CSS Tutorial | | 2008-04-15 07:42:50 | | In this tutoral you will learn about “how to create CSS rules”, “type selectors”, “the background-color property”, “specifying color using hexadecimal RGB values”, “text color with the color property”, “the font-family property”, “setting font-size using the em unit” and “background images”. So if you are new to CSS you have to check it out. [...]
| | By: Sharebrain - the best links for Webworkers | | |
|
|
| Homero Simpson hecho en CSS | | 2008-04-14 00:19:00 | | Me enteré por medio de Sólo un blog, acerca de un interesante e impresionante diseño hecho a base de instrucciones CSS y la fuente Verdana, esto es; a partir de texto y divs posicionados.Roman Cortéz ya había hecho un diseño anterior en CSS de un buho para el sitio de sigt.net.Y pues un total boom, una de las cosas que no debes perderte si eres diseñador Web.Aquí con el ratón elegí una sección del código y podemos ver las letras que lo forman:Este es el resultado:Visita el sitio de R | | By: CGnauta blog | | |
|
| Geradores de menus em CSS | | 2008-04-12 16:40:02 | | Encontramos 2 serviços de geradores de menus CSS online:O site CSS Menu Maker é uma ferramenta online e gratuita, que permite criar menus profissionais em CSS entre 3 categorias: Horizontal CSS Menus, Vertical CSS Menus e Drop Down CSS Menus. Para gerar seu menu CSS, não é necessário cadastro, bastando seguir os seguintes passos: Escolha a categoria e o modelo de menu para seu sitePreencha a quantidade de botões desejados e clique em “Submit”Dê nome aos botões e preencha os links correspondentes. Para ver como ficou, clique em “Update Your Menu”Clique em “Generate Menu Code”. Aparecerão duas opções para download. Na primeira você poderá baixar um arquivo único, contendo a imagem dos botões e o código CSS para incluir em seu HTML. Na segunda opção, será possível baixar a imagem dos botões e selecionar os códigos HTML e CSS para incluir em sua página.Menu Horizontal Menu Vertical Menu Drop Down O site Webmaster Tool Kit oferece um serviço chamado C | | By: Portal Delta G | | |
|
|
| CSS: Do´s and Don´t | | 2008-04-11 03:37:44 | | Css Globe is starting a series of lightweight articles named “CSS do’s and don’ts”. This series is aimed at pointing out some of the bad habits when it comes to css and web standards in general. They try to provide answers to some of the most common css questions.
| | By: Sharebrain - the best links for Webworkers | | |
|
|
|
| April Fool’s Day Party ‘08 - The Best Ever, CPIP Special Event, Free Membership Competition, CSS, Polls & Links | | 2008-03-29 14:50:46 | | Hiya pengs! There is a small problem with our free membership competition e-mail, competitions@snowdobby.com Now, e-mail your pictures to zinonas@hotmail.co.uk
The april fool’s day party 2008 is here!! IT’S THE BEST PARTAAAY EVER!! Make sure not to miss it!
The free item is the red propeller cap, an old item. It is located at the [...] | | By: Club Penguin Secrets, Cheats, Hints, Tips & Gl | | |
|
|
| CSS typeset | | 2008-03-28 22:18:23 | | Css TypeSet é um conversor de texto para CSS on line, que simplifica o processo de conversãodo estilo de um texto para CSS. É uma excelente ferramenta para estilizarmos blocos de texto rapidamente.Infelizmente não permite isolar apenas uma palavra criando um Span para estilizar apenas o texto seleccionado. Com ele pode-se editar o tipo de fonte, tamanho, espaçamentos, cores entre outros atributos básicos, tudo criando um estilo CSS automáticamente.
| | By: Portal Delta G | | |
|
| Merubah Tampilan Friendster dengan Kode CSS | | 2008-03-25 01:57:33 | | Bosan dengan tampilan profile Friendster anda yang standar?Padahal tampilan dari profile ini akan mencerminkan siapa anda. Friendster memberikan fasilitas untuk merubah tampilan profile, dengan berbagai macam pilihan yang cukup luas. Misalnya tampilan background dengan gambar yang dapat kita pilih sendiri, atau tampilan transparan dari kotak-kotak yang ada disana, belum lagi pilihan warna yang dapat kita pilih semau kita.Yang paling mudah adalah dengan memilih template warna yang telah disediakan oleh Friendster. Tapi ini biasanya tidak cukup karena tampilan profile menjadi aneh dan tidak sesuai dengan keinginan kita. Cara lain adalah dengan menulis kode CSS dibagian Advanced Users. Tapi… siapa yang ingin menulis kode CSS? Lebih baik kita gunakan saja kode CSS yang sudah jadi, seperti yang digunakan pada friendster profile BMtwo. Nanti anda dapat merubah kode CSS tersebut sehingga memberikan tampilan profile friendster yang sesuai dengan selera anda. Silahkan kunjungi link ini.Sumber | | By: Bisnis, Hobi dan Pengembangan Diri | | |
|
| Test Lead Opening in RTG (CSS Group) | | 2008-03-24 22:32:00 | | Currently we have got opening with my direct client RTG (CSS Group). If interested kindly send me your updated resume along with Current CTC and notice period.
Kindly do refer your friends for this position.
Specification of the Requirement. :
Experience : 6+ years
Qualification : Any Graduate with Computer background
Designation : Test Lead
Location : Chennai
* Candidate willing to relocate
| | By: JOB-HUNT | | |
|
| Add Background Picture to Header in CSS. | | 2008-03-23 07:10:16 | | In Blogger you can directly upload a picture to the Blog Header. A few bloggers have been reporting problems with this method. Hence here is the old method brushed up for use with Classic or Layouts Template........
REMOVE HEADER PICTURE
The first step is to remove the old picture. Sometimes the picture refuses to get removed. Then the first remedy is to clear the cache. Always use Firefox | | By: Dummies Guide to Google Blogger (Beta). | | |
|
| Best websites on the web | CSS and Flash | | 2008-03-18 08:28:34 | | We have launched a new service for your viewing pleasure. It’s called CLD Web Gallery and is a is a showcase of inspirational quality CSS-based and Flash websites. It is a place to admire the best the web can offer.
Show off your blog design, your portfolio, your corporate design or your Flash skills on CLD [...] | | By: CrazyLeaf Design Blog | | |
|
| Custom buttons using CSS | | 2008-03-16 17:00:14 | | It’s a web 2.0 era, so why would you use a normal gray button when you can make custom ones to fit your website style?
Well a button is just like any xhtml tag, you can customize most of it’s properties: font, color, size, background, etc.
Have a look at this:
<style>
.mybtn
{
width: 200px;
[...] | | By: Gaming With PHP | | |
|
| CSS for print | | 2008-03-16 16:45:59 | | I just found a cool way to add a css style sheet for printing. usually I would make a new design that is printer friendly just for what I want to print and have to get all the same data again. Now I just create separate styles and everything is done.
<link rel=”stylesheet” type=”text/css” media=”print” href=”print.css” [...] | | By: Links Back Search Engine Optimization | | |
|
| Stupid CSS Attributes | | 2008-03-15 16:43:24 | | I’m still not done with the template I started a few days ago. It’s not that I’m slacking off or anything , it’s just that I haven’t been able to get some key CSS aspects working. There’s something with “the loop” in Wordpress that’s stopping me from getting everything to properly load on the main [...] | | By: krissy.nu | | |
|
| CSS - Cascading Style Sheets | | 2008-03-14 06:19:00 | | What is CSS?
CSS is short for Cascading Style Sheets. It is a new web page layout method that has been added to HTML to give web developers more control over their design and content layout. Using CSS allows a designer to create a standard set of commands (either embedded inside the web page or from an external page) that controls the style of all subsequent pages.
With CSS you can add style ( | | By: SamratHacks | | |
|
| Common CSS Mistakes 1 | | 2008-03-12 18:11:25 | | As in everything we can make mistakes, and when you develop a site using multiple technologies (PHP, MySQL, JavaScript, CSS…, etc) there will be more placed to make mistakes/errors. So CSS is not an exception.
p .a
{
….
}
p.a
{
….
}
Take a look at these 2 codes. What is the difference?? Got it? the space between ‘p’ and [...] | | By: Gaming With PHP | | |
|
| Tutorial - Styling with CSS and Flash | | 2008-03-11 17:16:51 | | Paul Wyatt shows you how to use external CSS and text files to produce interactive web content, and how to create a preloader for dynamically loading JPEG images.
The crisp, clean and elegantly styled text that Flash produces can now be dynamically loaded into Flash, formatted with HTML, then styled with an external Cascading Style Sheet [...]
| | By: Flash Enabled - Get Ready with Flash... | | |
|
| CssWalk : galerie CSS optimisé iPhone | | 2008-03-03 12:52:14 | | Voici un site pour les amoureux du webdesign (dont je fais partie) : CssWalk !
Vous allez me dire, encore une galerie css … certes, mais CssWalk est optimisé pour l’écran du téléphone et c’est donc tout de suite plus agréable à consulter lorsqu’on a pas de PC à disposition. On retrouve le système classique de [...] | | By: Blog Iphone apple | | |
|
| Free CSS Navigation Menus in Blogger. | | 2008-03-02 00:37:21 | | A reader wanted to know how he could add a navigation menu bar in the header. You can add your most frequently occuring labels as tabs in the header (See header of this page) but if you want to add only four or five links like in the picture below :
here is an easy method to do so..............
CREATE POSTS
The first step is to create posts which will be linked to the various links in the menu | | By: Dummies Guide to Google Blogger (Beta). | | |
|
| Immunity CSS Public 2.0 by ORGANNER | | 2008-02-23 08:43:00 | | Immunity CSS Public 2.0 by ORGANNER (23.12.2007)This is pure kernel mode CSS cheat. This version includes small box on the head of players.Its proof on VAC/VAC2/HLG + others no-screenshot anti-cheat tools. This version is impossible to detect for current VAC2,they would need to improve their detection in order to detect any kernel mode cheat, in short you dont need to worry that you will get banned.Esse é um cheat que funciona puramente em modo kernet. Essa versão inclui uma pequena "caixa"(quadrado para mirar) na cabeça dos jogadores. É a prova de VAC/VAC2/HLGuard e mais outros anti-cheats que bloqueiam os hacks que não deixam tirar screenshots. Essa versão é impossível de ser detectada pela versão atual do VAC2, eles terão que melhorar a detecção para poder detectar qualquer cheat em modo kernel, então você nao precisa se preocupar sobre ser banido. USAGE - Modo de usar:- Edit your game resolution in Config.cfg- Start Immunity.exe (Rename EXE file!)- When driver w | | By: Cheats for CS | | |
|
| Sams Teach Yourself CSS in 10 Minutes | | 2008-02-21 15:14:52 | | Sams Teach Yourself CSS in 10 Minutes (Sams Teach Yourself) will help you quickly understand cascading style sheets (CSS) and how to immediately apply it to your work.Author Russ Weakley is a well-respected member of the CSS community and is known for his ability to make complicated concepts easy-to-understand for even inexperienced CSS users and making css tutorials .With this book, you will | | By: free e book | | |
|
| CSS based Design - Website Design Tips | | 2008-02-13 03:54:00 | | 53 CSS-based techniques you should always have ready to hand if you develop web-sites.1. CSS Based Navigation 2. Navigation Matrix Reloaded 3. CSS Tabs 4. CSS Bar Graphs (CSS For Bar Graphs) 5. Collapsing Tables: An Example 6. Adam’s Radio & Checkbox Customisation Method 7. CSS Image Replacement 8. CSS Shadows (CSS Shadows Roundup) 9. CSS Rounded Corners Roundup (Nifty Corners) 10. Drop Cap - Capital Letters with CSS 11. Define Image Opacity with CSS 12. How to Create a Block Hover Effect for a List of Links 13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS 14. CSS Diagrams 15. CSS Curves 16. Footer Stick allows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest. 17. CSS Image Map 18. CSS Image Pop-Up 19. CSS Image Preloader 20. CSS Image Replacement for Buttons 21. Link Thumbnail 22. CSS Map Pop 23. PHP-based CSS Style Switcher 24. CSS Un | | By: Web site design graphic design | | |
|
| CSS in Flex is not real CSS at all | | 2008-02-01 22:06:00 | |
software/ux
software/ui/flex
CSS in Flex is not real CSS at all
(February 1st, 2008 - 8:06PM
When my latest project was pushed in the direction of Flex, we were assured that development in this new environment would be easy. After all, Flex apparently supports CSS, so it should be easy for anyone with previous Web development experience, right?
Well, I'm always skeptical about claims like that, and sure enough, Flex's CSS support turned out to be disappointing.
Let's just be blunt: Flex doesn't support CSS. It supports some rudimentary stylesheet language that was concocted by the boys at Adobe. It does not support CSS. A layperson might mistake Flex's "CSS" for real CSS, but a seasoned Web designer will be able to tell the difference in a matter of minutes.
Flex CSS has no support for dimensioning (width, height) or relative positioning (float, clear) of an element.
This is a huge oversight in Flex's implementation of CSS. Without being able to size and position elem | | By: Steve Kwan, Software Engineer | | |
|
| 15 CSS Properties You Probably Never Use | | 2008-01-30 06:48:00 | | Originally written by Matthew Inman (Oatmeal) After writing 5 HTML Elements You Probably Never Use (but perhaps should), I thought creating something similar for CSS was in order. These are all CSS level 2 properties but some of them don't work in all browsers, so make sure and test things out before putting them into use.1. clipclip: rect(5px, 40px, 45px, 5px) From iBloom Studios A good way to visualize the clip attribute is if you take a piece of paper with a rectangle cut out of it and place it on top of a photo (just like using a Photoshop layer mask). The area of the rectangular hole, allowing the layer behind it to show through, is what the clip property will specify.They've got a lengthy article all about clip and some examples of it in use.2. visibilityvisibility: (inherit | visible | hidden)From Macromedia For practical purposes, the difference between these two properties [visibility and display] is that when you hide information using the visibility property, the br | | By: canada web site design | | |
|
| 2. Detection of CSS Spam | | 2008-01-22 23:31:10 | | The bad thing about black hat SEO is, that some people always think they are too clever. The good thing about search engine algorithms is, that they are updated more or less regularly and that they are constantly getting better in trapping black hat SEO down. As a result many of these dark freaks find themselves or their websites penalized or even banned by the search engines. One of the latest search engine "tricks" had been CSS spamming. CSS spam are CSS pages which have been solely created for the misleading of both, search engine bots and human visitors. Playing such games with CSS is no longer worth the effort, at least after the recent Google Jagger Update. At least the Google robot will with a pretty good certainty detect such spam CSS leading to invisible text, which it by any means will rate as SPAM.Solution:Use CSS and CSS style sheets for better formatting of your website, not in order to mislead search engine robots. Besides, I can still not understand why so many webmaster | | By: Search Engine Optimization Tips | | |
|
| Las mejores técnicas de CSS | | 2008-01-18 15:16:25 | | He encontrado en noupe, gracias a webéame, una interesante recopilación de técnicas para sacar el máximo partido a los CSS de nuestras páginas web.
Podremos encontrar tutorias sobre sprites, redondeo de esquinas, técnicas de reemplazo de imágenes, sombreados, transparencia de imágenes, técnicas para crear enlaces, etc.
La página está en inglés, pero los artículos sobre cada técnica [...] | | By: Mare Magnum | | |
|
| CSS Properties Tag Cloud | | 2008-01-15 00:04:11 | | Yesterday I was playing with Adobe Photoshop and I decide to (try) make a Tag Cloud with CSS 2 Properties. The result is ok! If you use the image please tell the source. Thank you! | | By: PiticStyle | | |
|
| 网站速度优化系列：CSS优化 | | 2008-01-13 18:03:16 | | 网站速度优化系列的这一篇，我们æ¥è°ˆè°ˆCSS文件的优化。使用CSS文件ä¸ä»…在网站设计的时候æ高效率，在用户æµè§ˆçš„时候也å¯ä»¥åŠ å¿«æ˜¾ç¤ºçš„é€Ÿåº¦ï¼Œå› ä¸º.css文件是缓å˜åˆ°æœ¬åœ°çš„ç£ç›˜ä¸Šï¼Œè¿™æ ·æ¯æ‰“开一个页é¢å°±å°±ä¸ç”¨é‡æ–°ä¸‹è½½css文件。CSS+DIV是现在网站设计的主æµï¼Œå®ƒçš„效率比以å‰ä½¿ç”¨çš„tableæ ‡ç¾é«˜å¾ˆå¤šï¼ŒçŽ°åœ¨æˆ‘们还å¯ä»¥è¿›ä¸€æ¥å¯¹å…¶è¿›è¡Œä¼˜åŒ–ï¼Œä½¿ç½‘ç«™æ›´åŠ ç®€æ´å¿«é€Ÿã€‚
首先，尽é‡å°†åˆ†å¼€çš„代ç 紧凑的放在一起。比如：
阅读全文 | | By: sorryle's blog | | |
|
| Libros gratuitos sobre HTML, CSS, AJAX, JAVA | | 2008-01-07 22:59:00 | | Puedes encontrar estos y otros libros en LibrosWeb.es. Puedes leer el libro online o también te da la opción de poder descargarlo en formato PDF. También te da la información del libro: como quien es el autor, la cantidad de páginas y a quien esta dirigido. Los libros son de libro uso y puedes descargarlos.LibrosWeb.es publica gratuitamente todo el material que utiliza su autor en los cursos que imparte. Además, publica traducciones de libros gratuitos interesantes relacionados con el diseño y la programación web.Siempre se podrá acceder gratuitamente a toda la información de este sitio, ya que su autor cree que la información debe ser libre.Enlase | http://www.librosweb.es/ | | By: Software libre y sus trucos de Free Spirit | | |
|
| How To Really Make Your Post Stand Out - Awesome CSS Tool | | 2007-12-19 13:54:00 | | Wow, has it really been five days. I know that I have been a bit slack in posting as of late, but I had no idea it had been five days since my last post. So much has been going on with the holidays and everything that I didn't even realize the time had passed. I won't make any promises, especially with Christmas right around the corner, but I'll try to post more.In the meantime, I'm sure you have noticed by now that something rather interesting is happening with the layout of this post. I found a really cool CSS tool that allows you to customize the exact layout of text. With it you may specify the exact shape the text should follow using two lines on either side of the text. With the lines you can designate points that allow you to manipulate the line angles. You can place as many points on the lines as you like to be able to create interesting angles and designs.If that seems confusing to you, it would probably be easier to just check it out for yourself. The CSS tool generates code in a few different formats. There is simple div tags that specify the shape you have outlined that you place immediately before the text you wish to maniputlate. The second option only works if you use style sheets. Using this method you define the style in your style sheet and reference it just above the text on your page. The third option is done via javascript and is probably the easiest to implement. Either method you choose it is just a matter of following the directions on the site to get a really cool text wrapping effect on your own site. Technorati Tags: CSS Tool, Cool Sites, Idea Shower
| | By: Zybron's Thoughts | | |
|
| CSS Blockquote Formats | | 2007-12-16 06:15:00 | | 'An eye for eye only ends up making the whole world blind.'--Mahatma GandhiThe block quotation above was formatted using the <blockquote> tags. If you cannot view the styles that I have applied in the quotation above, switch to Mozilla Firefox browser. This browser is far much better than other browsers in terms of displaying CSS formats and in terms of being user-friendly. The Blogger/Blogspot default settings simply format blockquotes as indented. If you want to add decorative quotation marks and background color, you have to do some tweaking with the CSS codes. You can easily create blockquotes by higlighting the selected texts and clicking the "quote icon" found on the upper frame of the text editor as shown in the illustration below.The format of the quotation above should look something like the one shown in the illustration below -- without the red oval, of course!I have used the CSS codes shown below to achieve the effects that you see. Simply copy-paste these codes onto the style sheet of your template and save. Every time you make a block quotation, it will be formatted accordingly. You may also adjust some attributes to suit your preference. You can change the size of the decorative quotation marks and their colors; the height, width, and background of the blockquote; and the text formatting.Codes:BLOCKQUOTE {color: blue;display: block;background: #FFF380;padding: 0 60px;width: 350px;}blockquote:before, blockquote:after {color: #69c;display: block;font-size: 700%;width: 50px;}blockquote:before {content: open-quote;height: 0;margin-left: -0.55em;}blockquote:after {content: close-quote;height: 50px;margin-top: -70px; margin-left: 360px;} | | By: Web Basics | | |
|
| HowTo: CSS Editor and Validator Install | | 2007-12-14 02:32:56 | | CSSed is a small developer editor and validator, that tries to ease CSS editing and validation. CSSed is another small project that is available from Fedora and available from yum repos. Cssed is small but powerful CSS editor and validator. CSSed features CSS editing features such as auto completion, CSS syntax validation, and other utilities to help web developer to create and maintain CSS style | | By: A Linux SysAd Blog | | |
|
| Menu Bar with CSS Definitions | | 2007-12-12 02:40:00 | | (Related Topic: Adding a Menu Bar)Menu bars are the basic navigation tools of a website. Menu bars allow the visitors or users of a website to conveniently navigate from one page to another. Without the menu bar or any other navigation links, all the contents of a website have to be placed on the front page. This would be tantamount to printing a whole book as a long scroll rather than the more practical leaf-page format. The menu bar is comparable to the index or table of contents of a book. It allows the readers to find the particular page or contents that they want. Thus, the need for scanning the whole book is eliminated.Even blogsites may need menu bars for easy navigation. For instance, this blogsite features a simple menu bar located at the top portion of the header area. This menu bar leads to the different resources and information found on this blogsite. Since each blog post is located on a unique page, you can link the important pages to the items of your menu bar. For instance, I have included the following items in my menu bar:HOME||CHAT||GAMES||SLIDES||BLOGROLL||ABOUT||CONTENTSThe menu bar of this blogsite was created using simple text links. There is another way of creating a Blogger/Blogspot menu bar using CSS definitions. CSS adds text effects to the menu bar. In my previous post on this topic I have discussed the simple method that I have used for this blogsite without using CSS definitions. In this post I will discuss the method that utilizes CSS definitions. (For an example of Blogger menu bar with CSS definitions, visit this site: Much Ado About Nothing.)Here are the steps that you should follow to create a menu bar for your Blogger/Blogspot site:Step1: Create a new header page element. To do this, please refer to this post: New Header and Crosscol Elements.Step2: Find the HTML section that is shown below and add the red-higlighted codes.<div><b:section maxwidgets='1' showaddelement='yes'><b:widget locked='true' title='Menu | | By: Web Basics | | |
|
| Understanding Style Sheets (CSS) | | 2007-12-08 02:21:00 | | There are actually different types of style sheets that can be integrated with HTML documents. However, the most commonly used type of style sheet is the Cascading Style Sheet or CSS. As the name implies, this style sheet is a layered style sheet. This means that different formats can be implemented using different attributes. CSS is an extension of the HTML language. CSS allows generalized formatting of a web document without the need for individually tagging each element. Basically, CSS provides the general formatting for the texts, graphics and layout a HTML document or web page.You can consider CSS as some sort of generic formatting tool that is much similar to the formatting tools of word processors. CSS tells the browser how a particular type of page element will be displayed. For instance, the post titles (header texts) of this blogsite are displayed as left aligned, blue color, and black during mouse hover. All of these characteristics are declared in the style sheet. Without the style sheet, the individual titles need to be tagged separately.CSS codes are placed inside the <head> tags of a HTML document. These CSS codes, are further nested inside the <style> tags. In Blogger/Blogspot templates, the style sheets are found between the <b:skin> tags. If HTML tags are easily identifiable because of the arrow brackets (< and >), CSS codes are easily identifiable because of the curly brackets ({ and }) CSS codes or attributes are enclosed within these brackets.Below is an example of CSS codes. These CSS codes provide the background image for this blogsite. Tweaking these codes in my template will change the attributes of the background image.<style type='text/css'>body{background-image:url('http://www.quiltingbb.com/images/wood_tile.jpg');background-repeat: repeat;background-attachment:fixed}</style>Unlike HTML tags, CSS codes do not necessarily need to be grouped in hierachical order. However, for the sake of convenience, | | By: Web Basics | | |
|
| Rounded corners for your blog using CSS. | | 2007-12-06 23:53:00 | | hai friends.... having a blog with rounded corners looks very nice and impressive.. now we shall discuss how we can generate the rounded corners.
All you need is 4 small iamges for 4 corners.. and you can generate them here..
http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=en
First you enter the square colour and the back ground color.....
then add the css code given | | By: SamratHacks | | |
|
| CSS Text Wrapper - Diamo una forma al testo | | 2007-12-06 16:56:12 | | Questa volta parliamo di un sito, un servizio web, che risulterà utile a coloro che hanno a che fare con css e html. CSS Text Wrapper ci permette di dare una forma libera ad una porzione di testo, trasformando il tutto in codice css e html. Il testo da modellare può essere inserito nella sezione delle opzioni, mentre nella parte centrale della pagina possiamo dare la forma desiderata agendo sulle linee nere. Spostando i pallini verdi, posti all'estremità delle linee, possiamo dare qualsiasi forma al testo, zig zag, curvo o totalmente irregolare. Cliccando lungo la linea nera viene aggiunto un nuovo pallino verde che possiamo spostare per creare delle forme veramente particolari. Le opzioni a disposizione sono essenziali ma ci permettono di aumentare la larghezza, l'altezza e l'interlinea dell'area che contiene il testo. E' possibile scegliere l'allineamento, il tipo e la dimensione del carattere. Il risultato finale viene tradotto interamente in html/css e javascript in modo da essere facilmente copiato e incollato all'interno del vostro sito. Con CSS Text Wrapper possiamo dire addio ai blocchi di testo rettangolari e possiamo dare libero sfogo alla fantasia e dare al testo qualsiasi forma. Link | CSS Text Wrapper
| | By: dilelloshare | | |
|
| CSS Margin Properties | | 2007-11-18 21:39:00 | | SmartCSS software is mainly based on the CSS box model. The CSS box model represents every element on a web page which contains four components: - The element. - The padding around the element. - The border around the padding. - The margin around the border. The CSS margin properties define the space around the element which includes the padding and the border values. CSS Border Properties Margin (margin-top margin-right margin-bottom margin-left) margin-top (auto *length ) margin-bottom (auto *length ) *Length - Relative em The computed font-size. ex The height of a lowercase "x". px Pixels, relative to the viewing device. % Percentage. Or *Length - Absolute in Inches (1 inch = 2.54 centimeters). cm Centimeters. mm Millimeters. pt Points (1 point = 1/72 inches). pc Picas (1 pica = 12 points).About the Author Mark Tessen software engineer | | By: All of Web Design | | |
|
| Cool CSS animated menu - MacOS style | | 2007-11-09 11:39:39 | | Ever wondered how they made that cool MacOS bottom menu, with icons that become larger when the cursor is on top of them? Well .. with some neat tricks.
This CSS Animated Menu does exactly that. It’s based on JQuery Java script library and Fisheye component from Interface. It’s 100% compatible with IE 6, IE 7, [...] | | By: CrazyLeaf Design Blog | | |
|
| Build Your Own Web Site The Right Way Using HTML & CSS | | 2007-10-27 08:00:15 | | Build Your Own Website The Right Way Using HTML & CSS teaches web development from scratch, without assuming any previous knowledge of HTML, CSS or web development techniques. This book introduces you to HTML and CSS as you follow along with the author, step-by-step, to build a fully functional web site from the ground up. ( PDF | 23,1 MB | 488 pages) download | | By: free e book | | |
|
| Search Engine Friendly Web Design - 3 Ways to Use CSS | | 2007-09-26 07:35:00 | | CSS stands for cascading style sheets and CSS is a way of separating presentation code from your actual content in web design. Usually you build up a set of CSS style rules that are stored in a separate file that has a .css file extension. You then link to the CSS file from your web pages using an HTML link tag. There are many, many web design advantages to separating your presentation code off into separate CSS files and this article will tell you 3 excellent ways that you can use CSS to make your web design more search engine friendly. Web Design Technique 1 - Us CSS to Structure Your Document Let's consider the facts that we know about search engines. They send their search engine robots to your site to read the content that you have there and the easier it is to find for them the better because they don't waste much time looking. So having said this, what is the point of bogging down your pages with lots of un-necessary presentation markup that could quite easily be stored off in a separate CSS file. Most often this means removed any extraneous table tags and replacing them with a smaller number of HTML div tags which can be formatted using CSS rules. This removes the vast majority of presentational markup and leaves you with nicely formatted content that the search engines can easily find and index. Web Design Technique 2 - Us CSS to Style Your Header Tags We also know that search engines place a huge amount of importance on the header tags - h1,h2,h3 e.t.c. that they find in your pages. The thing that puts most inexperienced web designers off using header tags is that by default modern browsers render them in massive black text that looks really ugly. This is where CSS comes in. CSS can be used to easily make your header tags appear in nicely formatted, attractive text that both scores well with search engines and is pleasing to the eye of the user - perfect! Web Design Technique 3 - Us CSS to Create Rollover Images Traditionally rollover images are created | | By: Cost effective website development | | |
|
| CSS Tab Designer 2.0 | | 2007-09-16 05:37:34 | | Price : Free
File size: 1.35 MB
Download : http://www.highdots.com/css-tab-designer/
Understanding CSS may take times for some of people. Especially if it is dealing with CSS tab buttons for the website. CSS Tab Designer will make that easy for you. Because you don’t need to be a master of CSS script to implement amazing horizontal menus (tabs) or vertical menus design in your website.
I have known this tool since two years back and still rely on it quite sometimes. The tabs in my Graphic...
[[ This is a content summary only. Visit my website for full links, other content, and more! ]]
| | By: Graphic Identity | | |
|
|
| CSS Nuts and Bolts for Your Blog | | 2007-09-14 06:05:58 | | Understanding CSS is important if you plan to modified your blog. Especially if your blog is a Wordpress platform, there will be a Stylesheet file attached on each Wordpress theme.
Modifying CSS could be a daunting task if you don’t know the basic of the CSS rules. Below is another collection of mine beside my [...] | | By: The Tao of Blogging to Wealth | | |
|
| CSS TABS - CSS Only “DOM TABS” | | 2007-09-12 17:46:48 | | While working on my company site redesign, and a new project CSS Uber Clean Gallery I came across a cool CSS trick
There are several variations of “dom tabs” out there, and lets be honest they work pretty well. If a user has javascript everything works as planned, and if not you can read all of [...] | | By: Web Design Blog - Creative Design Think Tank | | |
|
| Create your own website using html, CSS, PHP | | 2007-09-06 15:36:02 | | Are you fascinated by the Koooool,funky,beautiful websites of your friends or the others that you find on the web….??? Do you want design websites like them..??? if your answer to the above questions is yes then this post is for you
[...] | | By: Hack the Universe | | |
|
| Add or Remove Borders in CSS Templates | | 2007-09-05 10:26:00 | | We have received a number of queries from people wanting to remove the image borders or add sidebar borders in the CSS layouts. In this article, we cover briefly what the border styles in CSS templates are and where you can find them. With this guide, you will be able to remove the borders around the images, sidebar or main posts, or change the style and color of the borders to match the Blog
| | By: Tips for New Bloggers | | |
|
| Html css validation menggunakan layanan WS3 | | 2007-08-28 22:42:18 | | Telah saya jelaskan sebelumnya kita melakukan validasi code
html dengan CSS menggunakan "javascript console" (Lihat). Sekarang saya akan menjelaskan
cara melakukan validasi menggunankan layanan WS3. WS3 Merupakan Layanan yang
dikhususkan untuk melakukan validasi CSS secara cepat dan yang terpenting tool
ini free alias gratis :)
Tampilan masukan Url untuk validasi css
Laporan hasil validasi | | By: :: Oom's Visual Basic Tutorial :: | | |
|
|
| Cool CSS layout tip | | 2007-08-10 22:08:36 | | I have stumbled upon this website while I'm googling for CSS layout tips and tricks. It's pretty damn cool to round corner in CSS.Right now, I don't have any idea how I should integrate this tip into my blog, bummer, huh? But, hey if it fits yours, this tip worth your try coz it works in IE, Mozilla, and Opera. It should work in most other modern browsers as well. | | By: Bridge to Nova | | |
|
| CSS Introduction | | 2007-08-04 21:55:08 | | .wp_def {
font-size:10px;
color:#000000;
}
.wp_def_li {
margin-top:-3px;
}
CSS “Cascading Style Sheets” is a way to design a style websites. it was designed to enhance the look and layout options availible for website1. Also reducing the code by hacing a style sheet that defines your websites layout2 and styles. This eliminates redundant code on each one of your websites pages. Having [...] | | By: Links Back Search Engine Optimization | | |
|
| Cuadro dibujado con XHTML y CSS | | 2007-07-26 00:57:13 | | Suena algo complicado, pero se puede, como siempre he dicho “el limite es tu imaginación”.
Dibujar con XHTML y CSS requiere de mucho ingenio, paciencia y tiempo, como Rammy, que creó el siguiente dibujo:
Es impresionante…más cuando lo ves en acción.
Para dibujar este cuadro utilizó spans, divs y puntos ademas de utilizar el atributo transparent para darle color a algunos bordes.
Es curioso saber como quedaría el dibujo sin utilizar estilo:
. . . .. . . . . .. . . . . .. . . . . . .. . ...
¡Mira Mamá! ¡Sin imágenes!
Pintar en CSS es complicado, fastidioso, confuso, toma mucho tiempo y ni siquiera se ve bien. Entonces ¿Por qué lo hice? ¡Porque se puede! Además, creo que no me quedó tan feo… ¿O si?
Para una mejor visualización utiliza Firefox, Safari o IE7.
Link | Metalize
Via | Aeromental
| | By: TecnoValley | | |
|
| 10 Quickfire Practical CSS Web Design Tips and Tricks | | 2007-07-19 02:44:00 | | 1 Universal Selector - This sets ALL html tags to have zero border and padding. You then build your css up from there:*{padding:0; margin:0; }2 Image Replacement is the process of using images instead of text yet still using semantic html code. Whilst image replacement is great for static sites, the SiFR method is better for dynamic sites. Sifr uses a mix of Javascript and Flash to produce the text in any font. Both are great methods of making your site and typography more attractive and “designed”.3 Comment tags are a great way of organising your CSS. Comments are inserted like /* Details about the Css are help within is very useful tag */They are very useful for breaking up sections of your CSS code. For instance you could have/* ...All link styles ...*/a:link, a:hover{ color:#f00; }a:visited{ color#000; }/*...Below is the left nav system section ...*/#nav{ clear:both: float:left; }Im sure you get the idea4 Structure of the file ( the order in which selectors come etc ). There are many methods of doing this but the way I work is generally from the top of the page to the bottom. So the top divs and everything within those divs such as list items progress down the page. I tend to put generic html tags such as the links and list items before the main stucture:*{padding:0; margin:0; }a:link, a:hover{ color:#f00; }a:visited{ color#000; }li{ padding:5px; }#nav {clear:both; float:left;}#content{ width: 550px; padding: 5px 15px;}..........….#footer{clear:both;}This method is logical and therefore you can find things easily.5 Shorthand:- This is a code saver and is quicker to type when you get used to it. Instead ofbackground-color:#f00;background-image:url(background.gif);background-repeat:no-repeat;background-attachment:fixed;background-position:0 0;You can have:background:#f00 url(background.gif) no-repeat fixed 0 0;Another quick shortcut is for colours “#f00″ is short for “#ff0000″.6 Centreing :- ( I’m from the UK) elements is very easy with CSS, simpl | | By: Cost effective website development | | |
|
| Override the default CSS at SensualWriter | | 2007-07-07 07:22:31 | | I’m afraid you can’t change the html template. But you can override the css stuff by creating a Text Widget and entering the css, for example:
Code:
<style>
body{ background-color: red; !important }
</style>
For a red background! | | By: Adult Blog Webmaster | | |
|
| CSS Dock Menu, al estilo Mac OS X | | 2007-05-11 09:52:28 | |
CSS Dock Menu es código que puedes introducir en cualquier página web, hecho en CSS que obviamente puedes modificar aunque parece díficil (uno de mis amigos no puede ponerlo de forma vertical).
Ideal si eres fanatico del dock de Mac.
Download | CSS Dock Menu
WebSite | N.Design Studio
Via | PuntoGeek
| | By: TecnoValley | | |
|
| CSS Typography - Taking back Times new Roman | | 2007-05-09 20:09:41 | | Taking Back: Times New Roman
Yes all designers HATE times new roman, but let’s face it — on the web we are very limited on what fonts we can safely use. I don’t know about anyone else, but I am getting a little board of seeing Georgia as the only serif font on the web.
However there is hope. Yes times new roman is ugly, it is overused, and often by amateurs. However we can in fact use it to our advantage with the power of CSS and typography.
Using font sizing, weight, spacing, and leading we have a huge variety of options to tweak times new roman into something attractive. I am of the personal opinion that times new roman at small sizing is just plain hard to read. However if we blow it up we can see some of the more of the subtle styling of the font.
Luxury and Headlines
Look what we can do with just a larger font size and some generous letter spacing
Whitespace is luxurious
.luxury {
font-size: 36px;
font-style: italic;
letter-spacing: 1em;
font-fami | | By: Web Design Blog - Creative Design Think Tank | | |
|
| Add Tabs to Your Web Interface Using PHP and CSS | | 2007-01-15 17:35:00 | | Use HTML and CSS to create a tabbed interface for your web application. Sometimes there is just too much data to put onto one web page. An easy way to break up a site (or even a content-heavy page) is to display it using tabs, where the data is broken up into subelements, each correlating to a named tab. Lucky for us, tabs are a piece of cake with PHP. The Code Save the code in Example 1 as index.php. Example 1. Using the tabs library to show a tabbed interface <?php require_once("tabs.php"); ?> <html> <head> <?php tabs_header(); ?> </head> <body> <div> <?php tabs_start(); ?> <?php tab( "Tab one" ); ?> This is the first tab. <?php tab( "Tab two" ); ?> This is the second tab. <?php tabs_end(); ?> </div> </body> </html> Next, code up a nice PHP and CSS library. Save the code in Example 2 as tabs.php. Example 2. Using PHP and some CSS to create user-friendly tabs <?php $tabs = array(); function tabs_header() { ?> <style type="text/css"> .tab { border-bottom: 1px solid black; text-align: center; font-family: arial, verdana; } .tab-active { border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; text-align: center; font-family: arial, verdana; font-weight: bold; } .tab-content { padding: 5px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; } </style> <?php } function tabs_start() { ob_start(); } function endtab() { global $tabs; $text = ob_get_clean(); $tabs[ count( $tabs ) - 1 ][ 'text' ] = $text; ob_start(); } function tab( $title ) { global $tabs; if ( count( $tabs ) > 0 ) endtab(); $tabs []= array( title => $title, text => "" ); } function tabs_end( ) { global $tabs; endtab( ); ob_end_clean( ); $index = 0; if ( $_GET['tabindex'] ) $index = $_GET['tabind | | By: php webtutorial | | |
|
|
