DrLaunch' blog designs

Learning web design by doing it, since 2007

Subscribe to RSS feed

Posts tagged with "in progress"

Neo concept

, , , ...


I've made a new concept design known as Neo. I haven't started
development yet but will do so soon. The final theme might differ from the
concept.

Release of Sleek Shady Beta

, , , ...


I bring you the first beta release of Sleek Shady. I think the theme is good enough to be used by the general public now. Sleek Shady is a dark, trendy, sleek and glossy theme. I especially suggest that photobloggers install it, since it'll make viewing your photos better.

Click here for more information, instructions and help.

Preview of Sleek Shady Alpha build 72

, , , ...


I've decided to make build 72 of Sleek Shady my first alpha release. There are still some unimplemented features, but it's usable as a blog theme now. I'm still going to make changes to it later.

I'm still leaving it to advanced My Opera users to install this version of the theme. Here's the CSS code:

/* :: Sleek Shady Alpha build 72 :: */

body {
background:#000 url(http://files.myopera.com/drlaunch/sleekshady/background.png) 0px 64px repeat-x;
}

#wrap1 {
position:relative;
top:32px;
}

#wrap1,#wrap2{
margin-top:-30px;
padding-top:30px
}

#wrap1[id] {
background:transparent url(http://files.myopera.com/drlaunch/sleekshady/1shadowleft.png) top left repeat-y;
}

#wrap2[id] {
background:transparent url(http://files.myopera.com/drlaunch/sleekshady/2shadowright.png) top right repeat-y;
}

#wrap4 {
background-color:#0d0d0d;
}

#top {
color:#333;
background: url(http://files.myopera.com/drlaunch/sleekshady/banner.png);
height:170px;
}

#subtitle {
color:#555;
}

#menu {
position:relative;
top:-200px;
background:url(http://files.myopera.com/drlaunch/sleekshady/menu.png);
}

#menu a:link, #menu a:visited, #menu a:active {
background:url(http://files.myopera.com/drlaunch/sleekshady/menu.png);
}

#content {
postition:relative;
top:-32px;
}

.post .sticky {
background:#0d0d0d url(http://files.myopera.com/drlaunch/sleekshady/sticky.png) top right no-repeat;
}

#side h2, #side caption {
background:url(http://files.myopera.com/drlaunch/sleekshady/1sidetitle.png);
}

/*

:: Copyrights ::

The Sleek Shady blog theme is Copyright (C) 2007 - DrLaunch. Contact details available on http://my.opera.com/drlaunch/blog/
The Sleek Shady theme is licensed under the Creative Commons GNU General Public License. A copy of the license is available from http://creativecommons.org/licenses/GPL/2.0/

:: Changelog ::

: Build 72 - 2007-10-01 23:20 CEST :

- Fixed the shadows on each side of the blog with #wrap1[id] and #wrap2[id].
- Moved to alpha stage. The theme is now of usable quality. More features will still be added.

: Build 68 - 2007-10-01 22:50 CEST :

- Moved the shadows on each side of the blog.

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.
- The background of the speech bubbles in the sidebar is black instead of dark gray.

: Build 67 - 2007-10-01 22:42 CEST :

- Changed the sticky post thumbtack background with .post .sticky.

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.
- The background of the speech bubbles in the sidebar is black instead of dark gray.

: Build 58 - 2007-10-01 17:48 CEST :

- Changed the background of the sidebar titles again with #side h2, side caption.

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.
- The background of the speech bubbles in the sidebar is black instead of dark gray.

: Build 55 - 2007-10-01 17:48 CEST :

- Changed the background of titles in the sidebar with #side h2, side caption.
- Moved the content up with #content.

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.

: Build 54 - 2007-10-01 16:15 CEST :

- Changed the menu background image in #menu.
- Changed the menu button background image with #menu a:link, #menu a:visited, #menu a:active. 

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.

: Build 52 - 2007-10-01 15:54 CEST :

- Changed the banner position to reflect the new blog top offset with body.
- Reduced blog top offset from 64 to 32 pixels with wrap1.

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.

: Build 49 - 2007-10-01 01:35 CEST :

- Added the CC GNU GPL license.

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.

: Build 48 - 2007-10-01 01:12 CEST :

- Positioned the blog lower with wrap1.
- Added banner in #top.
- Changed banner size in #top.
- Changed menu position.
- Added background to body.
- Changed blog background color in #wrap4.
- Added build number. The build number is increased before clicking Save.
- Added changelog.

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.

:: Sleek Shady theme end ::

*/


Enjoy.

Copyrights



Copyright (C) 2007 DrLaunch. Contact details available on http://my.opera.com/drlaunch/blog/


This software is licensed under the CC-GNU GPL.

Preview of Sleek Shady Pre-alpha build 49

, , , ...

Here's a preview of Sleek Shady. It's a pre-alpha, which means I'm in the process of adding features. This is a unfinished theme. But those who want to try it out and make modifications to it can do so. I've added the CC GNU GPL license to the theme, which means you have to comply to the license terms when sharing any modifications you've done to the theme with other people.

This theme will be subject to change in the future and I suggest only installing it for testing and development purposes. New versions of the theme will be available from this blog.

I haven't saved any files to the web for easy installation, so I'll leave it to advanced My Opera Community users to install it. Here's the CSS code:

/* :: Sleek Shady Pre-alpha build 49 :: */

body {
background:#000 url(http://files.myopera.com/drlaunch/sleekshady/background.png) 0px 96px repeat-x;
}

#wrap1 {
position:relative;
top:64px;
}

#wrap4 {
background-color:#0d0d0d;
}

#top {
color:#333;
background: url(http://files.myopera.com/drlaunch/sleekshady/banner.png);
height:170px;
}

#subtitle {
color:#555;
}

#menu {
position:relative;
top:-200px;
}

/*

:: Copyrights ::

The Sleek Shady blog theme is Copyright (C) 2007 - DrLaunch. Contact details available on http://my.opera.com/drlaunch/blog/
The Sleek Shady theme is licensed under the Creative Commons GNU General Public License. A copy of the license is available from http://creativecommons.org/licenses/GPL/2.0/

:: Changelog ::

: Build 49 - 2007-10-01 01:35 CEST :

- Added the CC GNU GPL license.

: Build 48 - 2007-10-01 01:12 CEST :

- Positioned the blog lower with wrap1.
- Added banner in #top.
- Changed banner size in #top.
- Changed menu position.
- Added background to body.
- Changed blog background color in #wrap4.
- Added build number. The build number is increased before clicking Save.
- Added changelog.

- Known Bugs -

- The shadows on each side of the blog does not appear correctly.

:: Sleek Shady theme end ::

Copyrights

Copyright (C) 2007 DrLaunch. Contact details available on http://my.opera.com/drlaunch/blog/ This software is licensed under the CC-GNU GPL.

New project: Sleek Shady

, , , ...

I've decided to give life to one of my ideas. It's not as radical as the White is Fun theme. But its graphical design is more advanced. Ladies and gentlemen. I present to you; Sleek Shady.

sing I'm the Sleek... lol
Enough with that. Sleek Shady is going to be a trendy black theme with a bit of the infamous Web 2.0 glossy surface effect. I'm going to try to place the menu above the banner, kind of like what Khadgar did with his blog. The design is going to be based on one of the default blog themes by Fred. The banner is going to be the standard 920 x 170 size. And it's going to be as easy to change as the default one.

Like my previous theme, I'm going to make this upcoming theme open-source. It's not finished yet, but hopefully this teaser is going to put a bit of pressure on me so I'll release it sooner.

Current project: White is Fun

, , , ...

I'm currently working on a design for the lolcats group. AyushJ helped me make some of the more advanced modifications to the theme.

I'm going to make a special version of it without the kitten (sorry, Copyright rules). And because it's such an advanced theme, I'm going to give it some kind of open-source license so everyone can improve and fix it. It's not public yet but it won't be long.

I'd be very glad if you give me suggestions for theme improvements and which license I should select.

Current project: Night Skyline 2

, ,

I've started making Night Skyline 2. I'm going to use Night Skyline 1 as basis for the theme. I used most of the code for the previous version as a basis. As you probably can see, there are a lot of bugs in the theme and I have a lot of work to do in order to fix it.

Updates to Frosty White

,

Frosty White has gotten a few more updates. And I'm getting closer to being finished.

The updates are to #menu and the sidebar, #wrap2.

Look forward to more updates.