{"id":4162,"date":"2010-10-21T13:36:06","date_gmt":"2010-10-21T11:36:06","guid":{"rendered":"http:\/\/www.weweb.cat\/es\/2010\/10\/21\/galeries-de-disseny-web-css-per-a-inspirar-se\/"},"modified":"2016-12-22T13:38:29","modified_gmt":"2016-12-22T12:38:29","slug":"galerias-de-diseno-web-css-para-inspirarse","status":"publish","type":"post","link":"https:\/\/www.weweb.cat\/es\/galerias-de-diseno-web-css-para-inspirarse\/","title":{"rendered":"Galer\u00edas de dise\u00f1o web CSS para inspirarse"},"content":{"rendered":"<p>[et_pb_section admin_label=\u00bbsection\u00bb background_image=\u00bbhttp:\/\/www.weweb.cat\/wp-content\/uploads\/2016\/01\/bg-header.jpg\u00bb transparent_background=\u00bboff\u00bb allow_player_pause=\u00bboff\u00bb inner_shadow=\u00bboff\u00bb parallax=\u00bboff\u00bb parallax_method=\u00bboff\u00bb padding_mobile=\u00bboff\u00bb make_fullwidth=\u00bboff\u00bb use_custom_width=\u00bboff\u00bb width_unit=\u00bbon\u00bb make_equal=\u00bboff\u00bb use_custom_gutter=\u00bboff\u00bb gutter_width=\u00bb3&#8243; custom_css_main_element=\u00bbposition:absolute;||top:0;||left:0;||margin-top:0;||margin-left:0;||width:100%;||height:100px;\u00bb][et_pb_row admin_label=\u00bbrow\u00bb][et_pb_column type=\u00bb4_4&#8243;][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section admin_label=\u00bbSection\u00bb fullwidth=\u00bboff\u00bb specialty=\u00bboff\u00bb][et_pb_row admin_label=\u00bbRow\u00bb][et_pb_column type=\u00bb3_4&#8243;][et_pb_text admin_label=\u00bbText\u00bb background_layout=\u00bblight\u00bb text_orientation=\u00bbleft\u00bb use_border_color=\u00bboff\u00bb border_color=\u00bb#ffffff\u00bb border_style=\u00bbsolid\u00bb]<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-4160\" src=\"http:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/10\/css-beauty.jpg\" alt=\"CSS Beauty\" width=\"590\" height=\"158\" srcset=\"https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/10\/css-beauty.jpg 590w, https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/10\/css-beauty-300x80.jpg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/p>\n<p>A continuaci\u00f3n listamos una serie de <strong>galer\u00edas de p\u00e1ginas web dise\u00f1adas y maquetadas con CSS<\/strong>, que nos pueden ayudar a la hora de inspirarnos al dise\u00f1ar una p\u00e1gina web:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.bestcssgallery.com\/\" target=\"_blank\">Best CSS Gallery<\/a><\/li>\n<li><a href=\"http:\/\/www.bestcssvault.com\/\" target=\"_blank\">Best CSS Vault<\/a><\/li>\n<li><a href=\"http:\/\/bestwebgallery.com\/\" target=\"_blank\">Best Web Gallery<\/a><\/li>\n<li><a href=\"http:\/\/cssart.net\/\" target=\"_blank\">CSS Art<\/a><\/li>\n<li><a href=\"http:\/\/www.cssbay.com\/\" target=\"_blank\">CSS Bay<\/a><\/li>\n<li><a href=\"http:\/\/www.cssbeauty.com\/\" target=\"_blank\">CSS Beauty<\/a><\/li>\n<li><a href=\"http:\/\/www.csscake.com\/\" target=\"_blank\">CSS Cake<\/a><\/li>\n<li><a href=\"http:\/\/csscount.com\/\" target=\"_blank\">CSS Count<\/a><\/li>\n<li><a href=\"http:\/\/www.csscutie.com\/\" target=\"_blank\">CSS Cutie<\/a><\/li>\n<li><a href=\"http:\/\/www.cssdance.com\/\" target=\"_blank\">CSS Dance<\/a><\/li>\n<li><a href=\"http:\/\/cssdeluxe.com\/\" target=\"_blank\">CSS Deluxe<\/a><\/li>\n<li><a href=\"http:\/\/www.css-design-yorkshire.com\/\" target=\"_blank\">CSS Design Yorkshire<\/a><\/li>\n<li><a href=\"http:\/\/www.csselite.com\/\" target=\"_blank\">CSS Elite<\/a><\/li>\n<li><a href=\"http:\/\/cssgarden.co.uk\/\" target=\"_blank\">CSS Garden<\/a><\/li>\n<li><a href=\"http:\/\/www.cssleak.com\/\" target=\"_blank\">CSS Leak<\/a><\/li>\n<li><a href=\"http:\/\/www.cssmania.com\/\" target=\"_blank\">CSS Mania<\/a><\/li>\n<li><a href=\"http:\/\/www.cssperk.com\/\" target=\"_blank\">CSS Perk<\/a><\/li>\n<li><a href=\"http:\/\/cssremix.com\/\" target=\"_blank\">CSS Remix<\/a><\/li>\n<li><a href=\"http:\/\/www.cssstyle.me\/gallery\/\" target=\"_blank\">CSS Style<\/a><\/li>\n<li><a href=\"http:\/\/www.csswebsites.nl\/\" target=\"_blank\">CSS Websites<\/a><\/li>\n<li><a href=\"http:\/\/www.designbombs.com\/\" target=\"_blank\">Design Bombs<\/a><\/li>\n<li><a href=\"http:\/\/www.divinecss.com\/\" target=\"_blank\">Divine CSS<\/a><\/li>\n<li><a href=\"http:\/\/www.fantasticss.com\/\" target=\"_blank\">FantastiCSS<\/a><\/li>\n<li><a href=\"http:\/\/www.makebetterwebsites.com\/\" target=\"_blank\">Make Better Websites<\/a><\/li>\n<li><a href=\"http:\/\/www.thebestdesigns.com\/\" target=\"_blank\">The Best Designs<\/a><\/li>\n<li><a href=\"http:\/\/www.webcreme.com\/\" target=\"_blank\">Web Creme<\/a><\/li>\n<li><a href=\"http:\/\/wowcss.com\/\" target=\"_blank\">Wow CSS<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_4&#8243;][et_pb_sidebar admin_label=\u00bbSidebar\u00bb orientation=\u00bbright\u00bb area=\u00bbsidebar-1&#8243; background_layout=\u00bblight\u00bb remove_border=\u00bboff\u00bb header_font_size=\u00bb18&#8243; body_font_size=\u00bb14&#8243;] [\/et_pb_sidebar][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-1'  data-version='5.12.70'><div class='yuzo_clearfixed yuzo__title yuzo__title'><h3>Articles relacionats<\/h3><\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/que-es-un-navegador-google-responde\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/04\/navegadores-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">\u00bfQu\u00e9 es un navegador? Google responde<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/facebook-lanza-su-sistema-de-mensajeria\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('http:\/\/www.weweb.cat\/wp-content\/plugins\/yuzo-related-post\/assets\/images\/default.png') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">Facebook lanza su sistema de mensajer\u00eda<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/modulo-antispam-silverstripe-mollom\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2010\/07\/mollom2-150x85.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">M\u00f3dulo AntiSpam para SilverStripe: Mollom<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <div class=\"relatedthumb \" style=\"width:200px;float:left;overflow:hidden;\">  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <a  href=\"https:\/\/www.weweb.cat\/es\/por-que-publicar-contenidos-regularmente-en-la-pagina-web\/\"  >\n\t\t\t\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 200px;height:200px;\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"yuzo-img\" style=\"background:url('https:\/\/www.weweb.cat\/wp-content\/uploads\/2015\/11\/per-que-crear-continguts-150x150.jpg') 50% 50% no-repeat;width: 200px;height:200px;margin-bottom: 5px;background-size: contain; \"><\/div>\n\t\t\t\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t\t   <span class=\"yuzo__text--title\" style=\"font-size:14px;\">\u00bfPor qu\u00e9 hay que publicar contenidos regularmente en la p\u00e1gina web?<\/span>\n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  \n\t\t\t\t\t\t\t  <\/a>\n\n\t\t\t\t\t\t  <\/div>\n<\/div> <style>\n\t\t\t\t\t\t\t\t.yuzo_related_post img{width:210px !important; height:200px !important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb{line-height:16px;background: !important;color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover{background:#fff7f4 !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb a{color:#ff7900!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb a:hover{ color:}!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover a{ color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .yuzo_text {color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb:hover .yuzo_text {color:!important;}\n\t\t\t\t\t\t\t\t.yuzo_related_post .relatedthumb{  margin: 0px  0px  0px  0px;   padding: 2px  10px  10px  10px;  }\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<\/style> <script>\n\t\t\t\t\t\t  jQuery(document).ready(function( $ ){\n\t\t\t\t\t\t\t\/\/jQuery('.yuzo_related_post').equalizer({ overflow : 'relatedthumb' });\n\t\t\t\t\t\t\tjQuery('.yuzo_related_post .yuzo_wraps').equalizer({ columns : '> div' });\n\t\t\t\t\t\t   })\n\t\t\t\t\t\t  <\/script> <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>A continuaci\u00f3n listamos una serie de galer\u00edas de p\u00e1ginas web dise\u00f1adas y maquetadas con CSS, que nos pueden ayudar a la hora de inspirarnos al dise\u00f1ar una p\u00e1gina web.<\/p>\n","protected":false},"author":1,"featured_media":4160,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[198,257],"tags":[330,227,331],"_links":{"self":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/4162"}],"collection":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/comments?post=4162"}],"version-history":[{"count":6,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/4162\/revisions"}],"predecessor-version":[{"id":7763,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/posts\/4162\/revisions\/7763"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/media\/4160"}],"wp:attachment":[{"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/media?parent=4162"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/categories?post=4162"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.weweb.cat\/es\/wp-json\/wp\/v2\/tags?post=4162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}