DrLaunch' blog designs

Learning web design by doing it, since 2007

Subscribe to RSS feed

Sticky post

Welcome

,

Welcome to DrLaunch' blog designs. Watch this space for My Opera themes I've worked on. You're free to use any of these themes in your blog. Get your themes from the Themes album. Read the instructions and leave a comment below the instructions if you're having trouble.
Please respect the copyrights and licenses of the content owners.

Neo Release Candidate 1

, , , ...



Neo is beginning to look complete. A bunch of bugs have been squished, and I skipped having to override the in line style sheet by importing only the style sheets I need. Because of that, you'll need to change to "Only use my custom style sheet" in the custom style sheet settings.

While it's a release candidate, its functionality isn't going to stay frozen. In fact, I want as much feedback as possible from you, my users. I want as many bug reports as possible and feature requests. After I've implemented the requests I approve, I'm going to release a Neo RC2, and If I'm satisfied, I'm going to clean up the source code and release the final version.

Click here for installation instructions.

Neo 0.5 Beta milestone

, , , ...


Neo has gone from being a concept design to a theme. The design is now at beta quality, and I think it's useable for most people. But be warned, it contains a lot of bugs, which I'll be ironing out before the final release. I'll also be working on making the theme look more similar to the concept. But I'm going to drop the rainbow colored menu in favor of red. All red. Neo is my first red design ever.

Click here for installation instructions.

Blue Marble and Desert

,

I've posted two new themes. The first one is Blue Marble:



And the second one is Desert:



Check them out in the themes album.

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.

Feeling Blue

, , , ...



Feeling blue? Install this theme and maybe you'll feel better. Or maybe not. But atleast you migth like the theme anyway.


About

Feeling Blue is a minimalistic blue blog theme with transparency effects. Feeling Blue is available under the GNU Lesser General Public License, Free Software Foundation. A copy of this license is available from here.

Since this Feeling Blue is licensed under the GNU Lesser General Public License, Free Software Foundation, you can import it to your custom design, you don't need to license your custom design under GNU LGPL.


Installation

To install this theme you need to import it to your account's custom CSS, select a silver top bar and apply the Silver theme. To do so you need to follow these steps:

  • Copy the following code to your clipboard:
    @import url(http://files.myopera.com/feelingbluetheme/user.css);
  • Click Appearance in the My page menu
  • Click custom style sheet
  • Paste the the code from your clipboard in the text field below Enter CSS:
  • Select Use my custom style sheet together with the current theme
  • Click SAVE
  • Click « Back from above Enter CSS:
  • Click Change color of the My Opera top menu
  • Select Silver below Top bar
  • Click SAVE CHANGES
  • Click Appearance in the My page menu
  • Select the Silver theme by clicking select theme


Go to your page and reload it to see the changes.


Credits

The blue moon photo used in this design is a derivative work of blue moon over manhattan by atomicshark and has a Creative Commons Attribution-Noncommercial-Share Alike 2.0 Generic license.

The blue moon photo used in this design is available under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported license.

Medusa


Medusa is a deep blue ocean theme.

The latest official copy of the source code is available from here. Please respect the copyright and license rules seen below and in the bottom of the source code.

If you automatically want the latest version of Medusa, add the following code to My page -> Account -> Design -> custom style sheet:
@import url(http://files.myopera.com/medusatheme/user.css);

This version might temporarily contain bugs at times.

The Medusa Beta blog theme is Copyright © 2008, DrLaunch™. Medusa Beta is licensed under the Creative Commons GNU Lesser General Public License. You can get a copy of the CC GNU LGPL here.

The Medusa banner image is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported license. A copy of this license is available from here.

The Medusa banner image is a derivative work based on work by the Flickr user meantux, available from here.

Please help people find Medusa. Add the following code to your about page::
The blue jellyfish design used on this page is from the Medusa Theme. Get your own and read information about Copyrights on [URL=http://my.opera.com/medusatheme/about/]this page[/URL].

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.