Topic: StoneBaking.pl

GetSimple + Distinctive + plugins:)) = http://StoneBaking.pl

2 Reply by yurifanboy (edited by yurifanboy 2012-01-04 14:22:22)

Re: StoneBaking.pl

+Great design
-No hablo polaco :(
Constructive Critique:
http://jigsaw.w3.org/css-validator/vali … mp;lang=en
You might want to validate your CSS against the W3C CSS validator.
http://validator.w3.org/check?uri=http% … mp;group=0
You might want to validate your HTML against the W3C HTML validator.
Don't forget to enable pretty URL in the settings for SEO unless it breaks your custom setup or the plugins you are using.
Don't forget to call your css using one or multiple external css stylesheets.
i.e 

<link rel="stylesheet" type="text/css" href="" />
<style type='text/css'>  //DOMINION BLOG CSS STYLESHEET 
#dominion_blog_footer{
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
}
#dominion_blog_header{
  clear:both;
  text-align:left;
 font-size : 1.3em;
 background-color:#f1f3bc;

}

#dominion_blog_data{
  width:90%;
  margin-left:auto;
  margin-right:auto;

}

#dominion_news_list_header{ 
  //used for the list that can be displayed in sidebar
}
#dominion_news_header{
  clear:both;
  text-align:left;
font-size : 1.8em;
 background-color:#f1f3bc;
padding-left:10px;
 width:90%;

}

#dominion_news_data{}
#dominion_news_footer{}
 #dominion_blog_date{ text-align:center; background-image: url('http://stonebaking.pl/plugins/dominion-blog/blogs/img/Calendar.png'); width:49px; height:49px;font-color : black; float:right;} </style>    <script type="text/javascript" src="http://stonebaking.pl/plugins/i18n_gallery/js/jquery-1.4.3.min.js"></script>

    <script type="text/javascript" src="http://stonebaking.pl/plugins/i18n_gallery/js/jquery.cycle.all.min.js"></script>
    <style type="text/css">
      #gallery-cycle-10.gallery-cycle {
        padding: 3px;
        border: solid 1px #C7C7C7;
        width: 620px;
        height: 400px;
        position: relative;
        -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
      }
      #gallery-cycle-10.gallery-cycle .gallery-container {
        width: 620px;
        height: 400px;
        padding: 0;
        margin: 0;
        border: 0 none;
        overflow: hidden;
        }
      #gallery-cycle-10.gallery-cycle .gallery-slide {
        margin: 0;
        padding: 0;
        border: 0 none;
        width: 100%;
        height: 100%;
      }
      #gallery-cycle-10.gallery-cycle .gallery-text {
        margin: 0;
        border: 0 none;
        padding: 10px;
        background-color: white;
        width: 600px;
        height: 380px;
        overflow: hidden;
              }
      #gallery-cycle-10.gallery-cycle .gallery-image {
        margin: 0;
        padding: 0;
        border: 0 none;
        width: 620px;
        height: 400px;
        -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
      }
      #gallery-cycle-10.gallery-cycle .gallery-control {
        position: absolute;
        margin: 0;
        padding: 5px 10px;
        border: 0 none;
        right: 0;        bottom:0;        z-index: 10000;
      }
      #gallery-cycle-10.gallery-cycle .gallery-control-dots a {
        font-size: 40px;
        border: 0 none;
        text-decoration: none;
        color: #999999;
      }
      #gallery-cycle-10.gallery-cycle .gallery-control-numbers a {
        font-size: 18px;
        border: 0 none;
        text-decoration: none;
        color: #999999;
        padding: 0px 5px;
        margin: 0px 2px;
        border: 1px solid #999999;
        background-color: white;
      }
      #gallery-cycle-10.gallery-cycle .gallery-control a:hover {
        color: #666666;
      }
      #gallery-cycle-10.gallery-cycle .gallery-control a.activeSlide {
        color: #C5400E;
      }
    </style>
    <style type="text/css">
      #gallery-cycle-11.gallery-cycle {
        padding: 3px;
        border: solid 1px #C7C7C7;
        width: 620px;
        height: 400px;
        position: relative;
        -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
      }
      #gallery-cycle-11.gallery-cycle .gallery-container {
        width: 620px;
        height: 400px;
        padding: 0;
        margin: 0;
        border: 0 none;
        overflow: hidden;
        }
      #gallery-cycle-11.gallery-cycle .gallery-slide {
        margin: 0;
        padding: 0;
        border: 0 none;
        width: 100%;
        height: 100%;
      }
      #gallery-cycle-11.gallery-cycle .gallery-text {
        margin: 0;
        border: 0 none;
        padding: 10px;
        background-color: white;
        width: 600px;
        height: 380px;
        overflow: hidden;
              }
      #gallery-cycle-11.gallery-cycle .gallery-image {
        margin: 0;
        padding: 0;
        border: 0 none;
        width: 620px;
        height: 400px;
        -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
      }
      #gallery-cycle-11.gallery-cycle .gallery-control {
        position: absolute;
        margin: 0;
        padding: 5px 10px;
        border: 0 none;
        right: 0;        bottom:0;        z-index: 10000;
      }
      #gallery-cycle-11.gallery-cycle .gallery-control-dots a {
        font-size: 40px;
        border: 0 none;
        text-decoration: none;
        color: #999999;
      }
      #gallery-cycle-11.gallery-cycle .gallery-control-numbers a {
        font-size: 18px;
        border: 0 none;
        text-decoration: none;
        color: #999999;
        padding: 0px 5px;
        margin: 0px 2px;
        border: 1px solid #999999;
        background-color: white;
      }
      #gallery-cycle-11.gallery-cycle .gallery-control a:hover {
        color: #666666;
      }
      #gallery-cycle-11.gallery-cycle .gallery-control a.activeSlide {
        color: #C5400E;
      }
    </style>
  
<link rel="stylesheet" href="../plugins/fotofamily/modfot/fancybox.css" type="text/css">
<link rel="stylesheet" href="../plugins/fotofamily/modfot/page_templates.css" type="text/css">
<!--[if lt IE 7]>
    <link rel="stylesheet" type="text/css" href="../plugins/fotofamily/modfot/ie6style.css" />
<![endif]-->
<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="../plugins/fotofamily/modfot/ie7style.css" />
<![endif]-->
<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="../plugins/fotofamily/modfot/ie8style.css" />
<![endif]-->
<style type="text/css">
div#fancy_inner {border-color:#BBBBBB}
div#fancy_close {right:-15px;top:-12px}
div#fancy_bg {background-color:#FFFFFF} 
</style>

    <meta name="robots" content="index, follow">    
    <link rel="stylesheet" href="http://stonebaking.pl/theme/Distinctive/screen.css" type="text/css" />
    <style type="text/css">
      #gallery-cycle-9.gallery-cycle {
        padding: 3px;
        border: solid 1px #C7C7C7;
        width: 950px;
        height: 400px;
        position: relative;
        -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
      }
      #gallery-cycle-9.gallery-cycle .gallery-container {
        width: 950px;
        height: 400px;
        padding: 0;
        margin: 0;
        border: 0 none;
        overflow: hidden;
        }
      #gallery-cycle-9.gallery-cycle .gallery-slide {
        margin: 0;
        padding: 0;
        border: 0 none;
        width: 100%;
        height: 100%;
      }
      #gallery-cycle-9.gallery-cycle .gallery-text {
        margin: 0;
        border: 0 none;
        padding: 10px;
        background-color: white;
        width: 930px;
        height: 380px;
        overflow: hidden;
              }
      #gallery-cycle-9.gallery-cycle .gallery-image {
        margin: 0;
        padding: 0;
        border: 0 none;
        width: 950px;
        height: 400px;
        -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
      }
      #gallery-cycle-9.gallery-cycle .gallery-control {
        position: absolute;
        margin: 0;
        padding: 5px 10px;
        border: 0 none;
        right: 0;        bottom:0;        z-index: 10000;
      }
      #gallery-cycle-9.gallery-cycle .gallery-control-dots a {
        font-size: 40px;
        border: 0 none;
        text-decoration: none;
        color: #999999;
      }
      #gallery-cycle-9.gallery-cycle .gallery-control-numbers a {
        font-size: 18px;
        border: 0 none;
        text-decoration: none;
        color: #999999;
        padding: 0px 5px;
        margin: 0px 2px;
        border: 1px solid #999999;
        background-color: white;
      }
      #gallery-cycle-9.gallery-cycle .gallery-control a:hover {
        color: #666666;
      }
      #gallery-cycle-9.gallery-cycle .gallery-control a.activeSlide {
        color: #C5400E;
      }
    </style>

This is one of the pitfalls for me of many wordpress sites as their headers are crammed with css and js code which could easily be cleaned up with linking to external js and css files.

Todo arde si le aplicas la chispa adecuada.
“What can be asserted without proof can be dismissed without proof."-Christopher Hitchens
Es mejor morir de pie que vivir arrodillado.

yurifanboy's Website

Re: StoneBaking.pl

Muchas gracias!