North - South: template

Showing posts with label template. Show all posts

Template: hundred percent

This template will automatically adjust to screen resolution. This is a great advantage for me and now I developing a template similar to the one I have now, but it seems to me that it will be more interesting. But it's future.
OK! But back to the current my template:
I don't know how you have your screen resolution, but you probably have a resolution similar to mine, if you also see my site perfectly. I have 1280px and I currently publish images with width of 1300px. This width fits perfectly into my computer. If someone has a lower resolution it's also all looks perfect, because as I wrote earlier picture automatically adjusts. Try for example, reduce the size of the browser and you will see that photo, text and the whole look of site again fits perfectly.
A small problem arises when you have a bigger screen, or when you post a picture smaller than the 1300px. Then is much free, empty space.
I tested this template in all major browsers: Opera, Chrome,Firefox and IE8
F

So all templates you are using... they are your creation? but this is amazing! IM impressed, F! excellent work! I coundn't imagine. CGT. Your photos are wonderful on my screen (17 inches).
a question: how many pixels (resolution on your cam, I mean, the last photo for ex 5 megapixel? 7?... ) pls answer this question.
B

Modularity Lite - wordpress template for blogger

This is the same template that you have in wordpress:

Demo of Modularity Lite
F
yes, it is. the slideshow there, at the top hahahaha!... never more.
sometime I think: it would be better IF"your template" been working on SaoPaulo Chiaroscuro
and the Modularity Lite on Beth Arr Photography.
crazy mind :-)
wordpress is a funny experience.
B

Audacity of Tanish

look at this template Audacity of Tanish
F
"muito doido" we said here (very crazy) ;-)
anything different I've never seen in the last time.
what do you think about? well it's not for me but I like to see innovations on this subject.
B
yes it is "muito doido"......szalona i zwariowana, ale takżę innowacyjna i niespotykana
I am very impressed by the adaptation to the requirements blogspot. Bravo for author of design, and bravo for author who adaptation this template for blogger.
maybe someday I'll try this template
F

eme750

I can not publish the code as before. Blogger does not want to accept this post........ .......I try and try and I do not know why?
F

Can you try by e-mail, pls?

PS: just P.E.R.F.E.C.T!!!
Simple and clean. Exactly how I love. Thx again, F.
B

Tumblr

Tumblr lets you effortlessly share anything.
Post text, photos, quotes, links, music, and videos, from your browser, phone, desktop, email, or wherever you happen to be.
You can customize everything, from colors, to your theme's HTML.

Tumblr it's not only microblogs, look at these templates, only big picture:
Concept
Quite Big
Centennial
Boundless
Monroe
Boston Polaroid
Effector Theme
The Atlantic
and absolute revelation template The Writer That Type v0.4

Publishing is very easy and fast
Yeah, more and more I love.

F

I agree! gorgeous "the Writer"! and love this photo.
B.

some interesting and simple templates for name.blogspot.com

kubrick
andreas07
andreas05
minimalist
emire

from geckoandfly.com
F

yes!...simple is better.
here The Sartorialist a simple blogspot
he - Scott Schuman - in action and...I like to know how works the head of the photographer :-)
B

very cool video
specific style of work.....Observation, the question of permission to take a picture and click, observation, the question of permission to take a picture and click.....Yeah, and from this come out very nice pictures and one of most famous street fashion blogs.
And here are three other blogs on this subject, which I also watch:
Street Style Aesthetic
Toronto Verve
dapperlou

F

nice sites. an observation: the vertical photos. they are more suitable for fashion show.
I was looking for people who wore the fashion modern in NY streets. especially in Manhattan.
not easy.
but in Soho... yes I found there.
B

twitplus

What a cool template from Blogger Templates Hub
twitplus-bloggermint.blogspot.com/
I have not seen yet on blogspot, so COOOOOOL Template. love it!!!!
amazing effects
F.
- did you see that one column Royale Note.
maybe good for the photographers?
what one do you prefer?
B
- if you don't need a sidebar, that it looks a good
F.

or maybe manifest
Beautiful and clean template. Known, classic and famous theme from wordpress.
F

or maybe modernclix

F

North-South - magazine?

I like the look of this page. Looks like gallery or magazine. I like this kind of sites.
Maybe our page could look like it?
Magazine of news and interesting things, connected with the gallery.
monochromatic
A Brazilian site you discover?!? they are in FB too. I've just visited it there when occur many ideas in my head. I will carefully look at. It seams amazing! Are you suggesting a 'monocromatic posting' in N/S? Is it? in another template... yes, yes, yes!.
The B&W dialogue in this post... gorgeous. So elegant!
Bilingual!... nice can read in my language :-)
B
---------------------------------
and here is an even better example of what I mean

ma little world
Frank
brilliant, intelligent, sophisticated template.
the photo and its story. could be a bilingual web page?
English & Polish and English & Portuguese
how are you thinking about doing this?
will replace the current tamplate?
will download it here?
so many question!... but you are the master and know all about ;-)

download it from this page will not do anything, because it is a template for WORDPRESS. Unfortunately, I don't see anywhere in the net no equivalent of this template for BLOGGER. We'd have to redo a similar template, or use a similar template immediately , without alteration.
F.
see that Francesco Gallarotti's urban photography.
B

Interesting photos. Not only urban, but also travel and music. Plus very cool and interesting look of the page
F.

template: 700TSiT

You need to copy and paste this code.
But first, you need expand widget templates.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*

/* **************************
700TSiT
2010-06-29
studio wolf © 2009 Frank de Jol
***************************** */
#outer-wrapper{}
#navbar-iframe{ height:0px;  visibility:hidden;  display:none}
body{margin:0 auto; background:#621935 url(http://edprha.blu.livefilestore.com/y1pdX3KAw7MZF8rTDXlAWiGeGAvOeCRhtbbSj53pqJUwqfBpqrTjDC6bXTc1rdsq8v6p5YpXZzjY56UAT6DQH4utH--fdQlo0sI/GC_bg.jpg?psid=1) fixed repeat-x;}
a:link{color:#999; text-decoration:none}
a:visited{color:#999; text-decoration:none}
a:hover{color: #fff; text-decoration:none; background: #111}
a:active{color:#C90420; text-decoration:none}
h1{font:44px/22px Georgia,Verdana,arial,sans-serif; margin:0 0 0 24px; padding-top:56px; letter-spacing:-1px;         color:$colortituloblog}
h2{font-family:Georgia,"Times New Roman",serif; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing:-1px; line-height:normal}
h3{display:block; font:normal 9px/10px Georgia,"Times New Roman",serif; color:#999; letter-spacing:3px; margin:0px 140px 0px 1px; float:right}
form{margin-top:20px}
input, textarea{font:11px 'Lucida Grande',Verdana,arial,sans-serif}
table, img{border:0}
* html blockquote{height:1%}
* html li{height:1%}
blockquote{font:10px/16px Georgia,"Times New Roman",serif; display:block; padding:0 10px 6px 18px; border-left:8px solid #e4e4e4; color:#888; margin:0 26px 0px 36px}
#main-wrapper{overflow:hidden}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{text-align:center; padding:6px; width:70px; float:right}
#header-wrapper{display:block; margin:0px auto 16px auto; width:880px; height:125px; background:transparent}
#header-wrapper h1{}
#header-wrapper p{font:11px 'Lucida Grande',Verdana,arial,sans-serif; color:#9C0; margin:-40px 0 0 24px; width:310px}
#header-wrapper a:link, #header-wrapper a:visited{color:#9c0}
#header-wrapper a:hover{color:#fff}
.description{float:right; padding-bottom:36px}
#content-wrapper{margin:10px auto; width:702px; background:transparent; font:10px/18px 'Lucida Grande',Verdana,arial,sans-serif; margin-bottom:24px; color:#999}
#content-wrapper img{margin:0px}
#main-wrapper{float:left; width:702px}
#main-wrapper a{}
#main-wrapper a:hover{}
.post{margin:0 0px 1px 0px; padding:0}
.post-title, .post-title a{border-bottom:1px solid #999; padding:6px 0 6px 0; text-align:left; margin-top:-40px; font-family:Verdana,"Times New Roman",serif; letter-spacing:1px; color: #fff}
.post-body{}
.post img{width:700px; height: auto; border: 1px solid #999}
.date-header{font:normal 9px/9px Georgia,"Times New Roman",serif; color:#999; letter-spacing:4px; margin:0pt 0 0 24px}
.post-footer{ margin:0px 0px 0px 0px; padding:0px 0 0 0; font-size:9px; line-height:11px; color:#999; border-top:1px solid #999; }
.comment-link{float:right; padding-right:30px}
.post-author{color:#666}
#sidebar-wrapper{width:702px; margin:0 0 0 0px; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; float:bottom}
#sidebar-wrapper img{border:0}
#sidebar-wrapper ul{margin:0 0 8px 0; padding-left:14px; padding-right:14px}
#sidebar-wrapper ul li{list-style:none}
#sidebar-wrapper ul li a{width:100%}
#sidebar-wrapper h2{color:$colortituloslateral; display:block; font-family:Georgia,"Times New Roman",serif; font-size:9px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing:3px; line-height:10px; margin:8px 8px 4px 15px}
.widget-content{}
.sidebar .widget{background-color:#fff; margin:0 0 18px 0}
#footer-wrapper{background-color:#FFF; margin:20px 0pt 18px}
#footer-wrapper .links{margin:0pt 14px 8px}
#extra{display:none}
.postright{display:none}
.feed-links{display:none}
.post_text{width:700px; margin:0 auto}
.post_text span{filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; text-align:left; padding:10px; background-color:#000; width:680px; display:block; position:absolute; color:#FFF; visibility:hidden; font:normal normal normal 11px/11px Verdana,Geneva,Tahoma,sans-serif}
.post:hover span{filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; visibility:visible}
.post_text a{color:#FAC140; text-decoration:underline}
/************** COMMENTS *****************/
#comments {padding-left:1em; border-top:1px solid #d1d9dc;}
#comments h2 {font-size:1.5em; position:relative; height:100%; padding:0.333em 0; color:#959ea1; font-weight:normal;}
#comments h2 span {position:absolute; left:6.667em; top:0.333em;}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0; border-top: 1px solid #666; background: #f2f2f2; font-weight: bold;
}
#comments-block .comment-body {
margin:.25em 0 0; 
}
#comments-block .comment-footer {
margin:-.25em 0 2em; 
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
]]></b:skin>

</head>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>ir a principal </a> |
      <a href='#sidebar'>Ir a lateral</a>
    </span>

<div id='content-wrapper'>
<h3>Beth Arr Photography</h3>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'> »</a>
      </span>
    </b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
      <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
      <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
      <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
      <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  </b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'> 
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post uncustomized-post-template'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='post-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>

<span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <data:top.timestampLabel/>
        <b:if cond='data:post.url'><A href='http://frankdejol.blogspot.com/'>Beth Arr Photography © 2010 Beth Arr</A>   | <A href='http://betharchive.blogspot.com/' target='_blank'>archive</A> 
  | 
          <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
        </b:if>
        </b:if>
      </span>

<b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='"Comment on " + data:post.title'><b:if cond='data:post.numComments == 1'>1 comment<b:else/><data:post.numComments/> comments</b:if></a>
          </b:if>
          <b:else/>
          <b:if cond='data:post.allowComments'>
         <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Leave a comment</a>
        </b:if></b:if>
      </span>

<span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:post.showBacklinks'>
             <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
           </b:if>
         </b:if>
       </span>

<b:include data='post' name='postQuickEdit'/>
      </span>
      </p>

<p class='post-footer-line post-footer-line-3'/>
    </div>
  </div>
</b:includable>
<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup' style='width:100px;height:20px;'/>
    </b:if>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <span class='delete-comment-icon'> </span>
    </a>
  </span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <span class='quick-edit-icon'> </span>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>

  <b:include name='nextprev'/>
  
  <div class='blog-posts'>

<b:include data='top' name='status-message'/>

<data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <p class='date-header'><data:post.dateHeader/></p>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <span class='delete-comment-icon'> </span>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.allowComments'>
          <b:if cond='data:post.feedLinks'>
            <b:include data='post.feedLinks' name='feedLinksBody'/>
          </b:if>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
<b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4>
        <b:if cond='data:post.numComments == 1'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>
</b:section>
      </div>
    <!-- <div id='footer-wrapper'>

<p class='links'> <A href='http://frankdejol.blogspot.com/'>studio wolf © 2009 Frank de Jol</A>   | <A href='http://fdjarchive.blogspot.com/' target='_blank'>archive</A> 
  | <a href='http://newupdatesfromnetwork.blogspot.com/' target='_blank'>network</a>  | <a href='http://www.blogger.com'>Blogger</a></p>
    </div> -->

</div>

</div>

</div>
</body>
</html>

Of course you can use the same color as long as you like.
If you have any questions or problems, ask me.
If you want something to change, feel free.

Get it and enjoy!

Yes I saw template: Photography Simple, and I liked it too.
But there are a few more of which I want

A set of links to blogger templates

If you still want to have such a site like mine, I will prepare the code, and put it on this site.
In the meantime, a few pages with interesting template for blogger.
Some of this sites probably already know, but worth a try

simplexdesign.blogspot.com
dhetemplate.com
litethemes.com
templatesblock.com
template-godown.com
blogandweb.com/templates-blogger
deluxetemplates.net
dantearaujo.net
mytemplatez.com

Even today, or tomorrow, I will put here the code for you