New Sandbox 1.6.1 skin for Photoblog

  • unmallya · Member ·

    I am a beginner in CSS customization world but with trail and error and lots help from CSS wordpress forum I have managed to create new sandbox skin based on Sandbox 1.6.1. I have named this skin as Adhvan means Journey in Sanskrit.

    I would like to hear comments from all CSS sandbox experts so that I can improve my Photoblog. If anybody is interested in CSS code, I will gladly share this with you.

    Visit. http://www.adhvan.net

    The blog I need help with is: (visible only to logged in users)

  • christophertravels · Member ·

    Looks good, the about page colours clash a little and make it hard to read, but good work.

    Oh and good choice on the camera, I also shoot with a Nikon D60

  • unmallya · Member ·

    Thanks for the feedback on Color on about page. I

  • devblog · Member ·

    A LOT of the code looks awfully familiar. It looks like your skin is based on mine. For example, this is your CSS:

    table.xoxo li ul li {
background:transparent url('http://adhvan2.files.wordpress.com/2009/09/bullets.gif') -5px 2px no-repeat;
padding:0 0 0 15px;
}

table.xoxo li ul li ul li {
background:transparent url('http://adhvan2.files.wordpress.com/2009/09/bullets.gif') -192px 2px no-repeat;
margin:2px 0 2px -5px;
padding:0 0 0 15px;
}

    This is mine:

    .xoxo li ul li {
	background: transparent url(bullets.gif) -5px 2px no-repeat;
	padding:0 0 0 15px;
}

.xoxo li ul li ul li {
	background: transparent url(bullets.gif) -192px 2px no-repeat;
	margin:2px 0 2px -5px;
	padding:0 0 0 15px;
}

    This is your CSS:

    li.comment span.fn a:hover:after {
content:" : " attr(href);
text-transform:lowercase;
}

    This is mine:

    .comment .fn a:hover:after {
	content:" : " attr(href);
	text-transform:lowercase;
}

    And I could go on…

    If you took the CSS code of my photo blog, I would appreciate it if you acknowledge that, especially if it hasn’t been released on my official Sandbox Skins blog.

    I have no problem sharing my code. I LOVE sharing code, especially when people can benefit by learning from it… I just don’t appreciate it whatsoever if I’m not given credit when the original code was written by me.

  • unmallya · Member ·

    I am sorry but I have taken sources from many places. I am not sure where to put acknowledgement. If you direct me to right place, I can add acknowledgement.

  • unmallya · Member ·

    Some of the code is taken from http://sandboxskins.mycoolrealm.com/2009/07/sandbox-skin-leaf/

  • devblog · Member ·

    Take a look at this blog:

    http://opposablethumbz.wordpress.com/

    On the right sidebar, TSP has text-widget with the following:

    About This Theme…
    This theme is built on the WordPress.com Sandbox 1.6.1 theme using the Semmatic CSS “Skin” developed by Juan, aka devblog with a few minor tweaks by me.

    You can write something like that (with a link to my blog); especially since you downloaded Leaf, which is licensed under the CC-GNU GPL and Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported Licenses, which you agreed to by downloading the files.

    Thank you.

  • unmallya · Member ·

    My Sincere apologies, I never intended to take your initial credit. I am not a web designer and very new to this. I have added credits to you in about page.
    http://adhvan.net/about/
    Thanks, I welcome if you have any comment to improve my theme.

  • devblog · Member ·

    Thank you. I don’t want to be anal, but you didn’t base it on Semmatic, but on Leaf and my photoblog. A link to Leaf will suffice.

    I’ll be happy to help you improving your skin. I’ll start giving you a few pointers after diner.

  • unmallya · Member ·

    Hi Devblog,

    You have all the right to be annal. I would have done the same thing if somebody stole my photo without my permission. I just checked link is pointing to back to leaf.

  • thesacredpath · Member ·

    Since wordpress.COM strips comments out of CSS, you cannot give credit at the top of the CSS file like you can outside of wordpress.COM, and they don’t give you access to the underlying files so you can’t add it to the footer either (you can use pseudo CSS stuff, but IE doesn’t know what that means so it won’t show in IE). That means the only real way you can give credit is to put it in a text widget in the sidebar.

    WordPress.COM makes it difficult.

  • devblog · Member ·

    Thank you.

    Now, you don’t need to write your definitions like this:

    div#wrapper {
...
...
}

div#header {
...
...
}

etc.

    That’s an overkill. like this will suffice:

    #wrapper{
...
...
}

etc.

    Start by getting rid of the extra element selectors.

    After you’ve cleaned up your CSS, we’ll continue.

    Now, that I think about it. Since your skin is very similar to mine, I might as well release the code. You can then tweak it to fit your needs more… of course I’ll be willing to help you with that too, if you want.

    The advantage would be that those tweaks would be minor since most of the code has been written for you already.

    Let me know.

  • devblog · Member ·

    Correct, TSP… that’s why I took the liberty of showing your widget as an example.

  • unmallya · Member ·

    That would be great, I am working on developing photoblog for last 2 months. First step was to learn CSS and then develop write code.

  • devblog · Member ·

    Okay, give me some time and I will post a link to the skin’s URL.

  • devblog · Member ·

    Okay, here’s the link to the skin:

    http://sandboxskins.mycoolrealm.com/2009/10/sandbox-skin-photo-viewer/

    Once you’ve installed it, then we can start working on your changes.

    Don’t forget to modify your link from Leaf to this one.

  • unmallya · Member ·

    I will do it in the evening

  • unmallya · Member ·

    I have looked at your photo-viewer skin, Coincidently it looks similar to the layout I was planning for my blog. I wish I had seen it before; I need had to go through pain of learning CSS and understand sandbox structure. For time being I have decided against installing photo-viewer as I have to modify codes to fit my needs that is removing meta, post header, adding caption to photo and header etc.

    Is there any way you can help me to create a Home menu.

  • devblog · Member ·

    I wish I had seen it before;

    Well, it seemed to me you had. That’s why I even started linking to it in my first post to this thread.

    For time being I have decided against installing photo-viewer as I have to modify codes to fit my needs that is removing meta, post header, adding caption to photo and header etc.

    Well, that was exactly the point. Remember what I wrote?

    You can then tweak it to fit your needs more… of course I’ll be willing to help you with that too, if you want.

    Again, a lot of elements have been styled for you already. It would be easier to find and modify selectors than just add new or ‘remove’ existing ones. I could easily modify Photo Viewer in a couple of hours to make it look like your current skin. It’s your call, though.

    Is there any way you can help me to create a Home menu.

    What do you mean an Home menu?

  • unmallya · Member ·

    Right Now I have About and Archive menu options but there is now way to return to Home page.

1 2
  • The topic ‘New Sandbox 1.6.1 skin for Photoblog’ is closed to new replies.