Deprecated: Assigning the return value of new by reference is deprecated in /home/rokaasco/public_html/wp-settings.php on line 468

Deprecated: Assigning the return value of new by reference is deprecated in /home/rokaasco/public_html/wp-settings.php on line 483

Deprecated: Assigning the return value of new by reference is deprecated in /home/rokaasco/public_html/wp-settings.php on line 490

Deprecated: Assigning the return value of new by reference is deprecated in /home/rokaasco/public_html/wp-settings.php on line 526

Strict Standards: Declaration of Walker_Page::start_lvl() should be compatible with Walker::start_lvl(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 594

Strict Standards: Declaration of Walker_Page::end_lvl() should be compatible with Walker::end_lvl(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 594

Strict Standards: Declaration of Walker_Page::start_el() should be compatible with Walker::start_el(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 594

Strict Standards: Declaration of Walker_Page::end_el() should be compatible with Walker::end_el(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 594

Strict Standards: Declaration of Walker_PageDropdown::start_el() should be compatible with Walker::start_el(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 611

Strict Standards: Declaration of Walker_Category::start_lvl() should be compatible with Walker::start_lvl(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 705

Strict Standards: Declaration of Walker_Category::end_lvl() should be compatible with Walker::end_lvl(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 705

Strict Standards: Declaration of Walker_Category::start_el() should be compatible with Walker::start_el(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 705

Strict Standards: Declaration of Walker_Category::end_el() should be compatible with Walker::end_el(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 705

Strict Standards: Declaration of Walker_CategoryDropdown::start_el() should be compatible with Walker::start_el(&$output) in /home/rokaasco/public_html/wp-includes/classes.php on line 728

Strict Standards: Redefining already defined constructor for class wpdb in /home/rokaasco/public_html/wp-includes/wp-db.php on line 306

Deprecated: Assigning the return value of new by reference is deprecated in /home/rokaasco/public_html/wp-includes/cache.php on line 103

Strict Standards: Redefining already defined constructor for class WP_Object_Cache in /home/rokaasco/public_html/wp-includes/cache.php on line 425

Deprecated: Assigning the return value of new by reference is deprecated in /home/rokaasco/public_html/wp-includes/query.php on line 21

Deprecated: Assigning the return value of new by reference is deprecated in /home/rokaasco/public_html/wp-includes/theme.php on line 618

Strict Standards: Redefining already defined constructor for class WP_Dependencies in /home/rokaasco/public_html/wp-includes/class.wp-dependencies.php on line 15

Strict Standards: call_user_func_array() expects parameter 1 to be a valid callback, non-static method GoogleSitemapGeneratorLoader::Enable() should not be called statically in /home/rokaasco/public_html/wp-includes/plugin.php on line 311
Erik is back from the fake Land of the Free » Blog Archive » Ny design

Ny design

Posted by: Erik  //  Category: Pacific Beach Life

Efter lite antydningar från en av mina nya Graphic Design-kunniga och -utbildade vänner har jag nu beslutat mig att ändra designen på min sida. Även om jag som civilingenjör anser att detta ligger utanför min core competence (faktiskt extremt långt ifrån) tog jag tillfället i akt och ändrade lite på den när Niclas hade somnat efter den långa flygresan. Detta är resultatet. Vad säger ni, mina högt ärade och trogna läsare? Snajsigt? Eller pajigt?

8 Responses to “Ny design”

  1. Fia Says:

    Hej på dig du!
    Det är en väldigt mörk sida med tanke på vilken solig plats du befinner dig på. Eftersom jag inte får uppleva samma sol och värme som dig, så tycker jag att du ska använda din sida till att sprida solen och värmen vidare till oss som inte får ta del av den. För att lyckas med det så behövs enligt min mening en lite ljusare sida. Den här mörka designen passar bättre när du börjar skriva inlägg om Bullet for my Valentine, Nocturnal Rites, Amon Amarth och liknande.. :)

    Ta hand om N och keep me posted så att jag får veta vilka hyss ni hittar på :)

    Kram

  2. Veronica Says:

    Haha, ar det har Bennes ide? :)
    Jag halled med Fia dock, den ar lite mork. Men kanske om du satter in ett avlangt foto langs upp, under din titel, kan gora stor skillnad.

    Hoppas du har det bra.
    Kram

  3. Benne Says:

    Erik my friend..
    Harligt att se att du borjar utveckla dig dar borta ;) jag gillar den! Den ar valdigt mystisk och det ar ju du som person haha.. Men ngt att tanka pa: (och ja det ar en massa grafiskt svammel men anda) det ar anstrangande for ogat att lasa vit text pa mork gra eller svart. Ljus gra text pa nuvarande bakgrund eller mork gra text pa ljusare bakgrund kanske ar enklare. nu far du lara dig att anvanda CSS for att andra allt det dar..

  4. Benne Says:

    Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/rokaasco/public_html/wp-includes/kses.php on line 934

    Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/rokaasco/public_html/wp-includes/kses.php on line 935

    Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/rokaasco/public_html/wp-includes/kses.php on line 934

    Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/rokaasco/public_html/wp-includes/kses.php on line 935

    Har kommer din CSS kod om du vill andra lite. Jag hade inget battre for mig :) sa varfor inte ge dig varldens langsta inlagg..

    Du kan se din blogg med mina andringar pa:

    http://cristopherbenitah.com/rokaas.png

    /*
    Theme Name: Black Abstract
    Theme URI:http://ophelianicholson.com
    Description: Black abstract theme 2.0
    Version: 2.0
    Author: Ophelia Nicholson
    Author URI: http://ophelianicholson.com
    */

    /* General */

    body {
    margin: 0;
    background: #444444;
    }

    h1, h2, h3, h4 {
    margin: 0;
    }

    img {
    border: 0;
    }

    .clear {
    clear: both;
    height: 1px;
    overflow: hidden;
    }

    /* Page */

    #page {
    margin: 0 auto;
    width: 1024px;
    }

    /* Header */

    #header {
    width: 1024px;
    height: 394px;
    position: relative;
    background: url(”http://rokaas.com/wp-content/themes/blackabstract/images/header.jpg”) no-repeat;
    }

    /* Header - Info */

    #header #header-info {
    position: absolute;
    top: 15px;
    left: 350px;
    }

    #header #header-info h1 {
    color: #ffffff;
    font: bold 30px “Century Gothic”, Verdana;
    padding-bottom: 1px;
    }

    #header #header-info h1 a {
    color: #f6f6f6;
    text-decoration: none;
    }

    #header #header-info .description {
    color: #f7f7f7;
    font: bold 15px “Century Gothic”, Verdana;
    }

    /* Header - Menu */

    #header #header-menu {
    position: absolute;
    top: 315px;
    left: 0;
    height: 44px;
    }

    #header #header-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 44px;
    }

    #header #header-menu ul li {
    float: left;
    height: 44px;
    padding: 0 24px 0 20px;
    font: bold 15px/40px “Century Gothic”, Verdana;
    color: #ffffff;
    background: url(”http://rokaas.com/wp-content/themes/blackabstract/images/header_menu.gif”) no-repeat right top;
    }

    #header #header-menu ul li a {
    color: #ffffff;
    text-decoration: none;
    }

    #header #header-menu ul li a:hover {
    text-decoration: underline;
    }

    #header #header-menu ul li ul {
    display: none;
    }
    /* Header - Search */

    #header #header-search {
    position: absolute;
    top: 350px;
    left: 801px;
    width: 170px;
    height: 25px;
    }

    #header #header-search #searchform {
    margin: 0;
    padding: 0;
    width: 170px;
    height: 25px;
    }

    #header #header-search #s {
    width: 165px;
    height: 14px;
    padding: 5px 0 6px 0;
    border: 0;
    font: normal 12px Tahoma, Verdana;
    color: #ffffff;
    background: transparent;
    float: left;
    }

    #header #header-search #searchsubmit {
    background: transparent;
    border: none;
    width: 0;
    height: 25px;
    padding: 0;
    float: right;
    }

    /* Main */

    #main {
    width: 1022px;
    padding: 0 0 0 2px;
    }

    /* Main - Sidebar */

    .sidebar {
    float: right;
    width: 206px;
    font: normal 12px “Century Gothic”, Verdana;
    color: #9f9f9f;
    }

    .sidebar a {
    color: #ffffff;
    text-decoration: underline;
    }

    .sidebar a:hover {
    text-decoration: underline;
    }

    .sidebar .sidebar-box {
    width: 206px;
    background: url(”http://rokaas.com/wp-content/themes/blackabstract/images/sidebar_box.gif”) repeat-y;
    margin-bottom: 20px;
    }

    /* Sidebar - Titles */

    .sidebar h3 {
    width: 171px;
    height: 56px;
    padding-left: 35px;
    font: bold 15px/56px “Century Gothic”, Verdana;
    color: #ffffff;
    background: url(”http://rokaas.com/wp-content/themes/blackabstract/images/sidebar_title.gif”) no-repeat;
    }

    /* Main - Content */

    #content {
    float: left;
    width: 579px;
    padding: 0 4px 0 3px;
    }

    /* Main - Content - Post */

    #content .post {
    color: #000000;
    float: left;
    margin-bottom: 30px;
    width: 579px;
    }

    /* Post - Title */

    #content .post .post-title {
    width: 579px;
    height: 70px;
    background: url(”http://rokaas.com/wp-content/themes/blackabstract/images/post_title.gif”) no-repeat;
    color: #9f9f9f;
    font: bold 12px “Century Gothic”, Verdana;
    }

    #content .post .post-title a {
    color: #ffffff;
    text-decoration: none;
    }

    #content .post .post-title a:hover {
    text-decoration: underline;
    }

    #content .post .post-title h2 {
    color: #ffffff;
    font: bold 16px “Century Gothic”, Verdana;
    padding: 14px 0 1px 0;
    }

    #content .post .post-title h2 a {
    color: #ffffff;
    text-decoration: none;
    }

    #content .post .post-title h2 a:hover {
    text-decoration: underline;
    }

    #content .post .post-title .post-date {
    margin: 15px 10px 0 17px;
    width: 46px;
    height: 40px;
    text-align: center;
    float: left;
    color: #ffffff;
    font: bold 14px “Century Gothic”, Verdana;
    }

    #content .post .post-title .post-date span {
    margin: 2px 0;
    display: block;
    font-size: 14px;
    }

    /* Post - Entry */

    #content .post .post-entry {
    font: normal 12px/18px “Century Gothic”, Verdana;
    color: #999999;
    width: 522px;
    margin: 0 9px 0 8px;
    padding: 0 20px;
    background: #434343 url(”http://rokaas.com/wp-content/themes/blackabstract/images/post_entry.gif”) repeat-x;
    float: left;
    }

    #content .post .post-entry a {
    color: #ffffff;
    text-decoration: underline;
    }

    #content .post .post-entry a:hover {
    text-decoration: underline;
    }

    #content .post .post-entry .more-link {
    font: bold 12px/20px “Century Gothic”, Verdana;
    color: #ffffff;
    float: right;
    }

    #content .post .post-entry .more-link a {
    color: #ffffff;
    text-decoration: underline;
    }

    #content .post .post-entry .more-link a:hover {
    text-decoration: underline;
    }

    /* Post - Info */

    #content .post .post-info {
    clear: both;
    width: 537px;
    height: 48px;
    background: url(”http://rokaas.com/wp-content/themes/blackabstract/images/post_info.gif”) no-repeat;
    font: bold 12px/48px “Century Gothic”, Verdana;
    color: #ffffff;
    padding: 0 21px;
    }

    #content .post .post-info a {
    color: #ffffff;
    text-decoration: none;
    }

    #content .post .post-info a:hover {
    text-decoration: underline;
    }

    /* Post - Comments */

    #content .post h3 {
    margin: 20px 0 10px 0;
    color: #ffffff;
    font: bold 14px “Century Gothic”, Verdana;
    width: 522px;
    }

    #content .post .comments {
    font: normal 12px/18px “Century Gothic”, Verdana;
    color: #ffffff;
    width: 522px;
    }

    #content .post .comments a {
    color: #ffffff;
    text-decoration: underline;
    }

    #content .post .comments a:hover {
    text-decoration: underline;
    }

    #content .post .comments ol {
    margin: 10px 0 10px 0;
    padding-left: 25px;
    }

    #content .post .comments ol li {
    padding: 5px;
    }

    #content .post .comments ol li.alt {
    background: #1e1e1e;
    }

    #content .post .comments ol li cite {
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    }

    #content .post .comments ol li cite a {
    color: #ffffff;
    text-decoration: underline;
    }

    #content .post .comments ol li cite a:hover {
    text-decoration: underline;
    }

    #content .post .comments ol li .commentmetadata a {
    color: #ffffff;
    text-decoration: none;
    }

    #content .post .comments ol li .commentmetadata a:hover {
    text-decoration: underline;
    }

    #content .post #commentform {
    margin: 0;
    font: normal 12px/18px “Trebuchet MS”, Verdana;
    color: #ffffff;
    width: 522px;
    }

    #content .post #commentform a {
    color: #ffffff;
    text-decoration: underline;
    }

    #content .post #commentform a:hover {
    text-decoration: underline;
    }

    /* Main - Content - Navigation */

    #content .navigation {
    float: left;
    margin-bottom: 45px;
    font: bold 11px “Century Gothic”, Verdana;
    color: #ffffff;
    padding: 0 10px;
    width: 520px;
    }

    #content .navigation a {
    color: #ffffff;
    text-decoration: none;
    }

    #content .navigation a:hover {
    text-decoration: underline;
    }

    #content .navigation .navigation-previous {
    float: left;
    }

    #content .navigation .navigation-next {
    float: right;
    }

    /* Footer */

    #footer {
    width: 1004px;
    margin-top: 15px;
    height: 55px;
    color: #ffffff;
    font: bold 12px/55px “Century Gothic”, Verdana;
    text-align: center;
    background: url(”http://rokaas.com/wp-content/themes/blackabstract/images/footer.gif”) repeat-x;
    }

    #footer a {
    color: #ffffff;
    text-decoration: underline;
    }

    #footer a:hover {
    text-decoration: underline;
    }

    /* Sidebar - Menus */

    .sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }

    .sidebar ul li {
    color: #ffffff;
    font: normal 12px/28px “Trebuchet MS”, Verdana;
    border-bottom: 1px solid #000000;
    padding-left: 35px;
    }

    .sidebar ul li a {
    color: #ffffff;
    text-decoration: none;
    }

    .sidebar ul li a:hover {
    text-decoration: underline;
    }

    .sidebar ul li ul li {
    border-bottom: none;
    }

    /* Sidebar - Tables */

    .sidebar #calendar_wrap {
    margin: 0 auto;
    padding-bottom: 5px;
    width: 118px;
    }

    .sidebar #calendar_wrap caption {
    font-weight: bold;
    }

    .sidebar #calendar_wrap tbody {
    text-align: right;
    }

    .sidebar #calendar_wrap #today {
    font-weight: bold;
    }

    /* Sidebar - Texts */

    .sidebar .textwidget {
    padding: 0 5px 5px 5px;
    margin: 0 auto;
    width: 180px;
    }
    #right{
    float:left;
    width:420px;
    }
    .tabs-block {
    clear: left;
    float: left;
    width: 397px;
    padding: 0;
    margin: 6px 0 10px 15px;
    display: block;
    color:#fff;
    }
    .tabs-block a {
    text-decoration:none;
    color:#fff;

    margin-left:5px;
    }
    .tabs-block a:hover {
    text-decoration:underline;
    color:#fff;
    }
    .tabs-block p{
    margin-left:10px;
    }
    .tabbed {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: transparent;
    border: none;
    }
    .tabbed ul.tabs {
    overflow: hidden;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent;
    }
    .tabbed ul.tabs li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0 1px 0 0;
    }
    .tabbed ul.tabs li a {
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 5px .8em;
    background-image: url(http://rokaas.com/wp-content/themes/blackabstract/images/tab_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #666;
    }
    .tabs-block ul.tabs li a { padding: 5px .7em; }
    .tabbed ul.tabs li a:hover {
    background-image: url(http://rokaas.com/wp-content/themes/blackabstract/images/tab_bg2.gif);
    background-repeat: repeat-x;
    text-decoration: none;
    color:#fff;
    }
    .tabbed ul.tabs li a.tab-current {
    background: #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
    color:#8f8d8d;
    }
    .tabs-block .tabbed div, #home .tabbed .c {
    overflow: hidden;
    display: block;
    position: relative;
    left: 0;
    top: -1px;
    z-index: 0;
    clear: left;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    border: 1px solid #666;
    background-color: #1e1e1e;
    display: none;

    }
    div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10 { display: none; }
    .tabs-block .tabbed div.t1, #home .tabbed div.c1 {
    display: block;
    }
    .tabs-block .tabbed div { width:395px; }
    .tabbed div ul {
    overflow: hidden;
    padding: 4px 0 2px 0;
    margin: 0;
    background-color: #1e1e1e;
    background-image: url(http://rokaas.com/wp-content/themes/blackabstract/images/tab_block.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    }
    .tabbed div ul li {
    clear: left;
    background: transparent;
    padding:4px 0;

    }
    .tabbed div ul li a {
    font-weight: normal;
    width: 97%;
    display: block;
    padding: 2px 0 2px 12px;
    border: none;
    color: #fff;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    }
    .tabbed div ul li a:hover {
    text-decoration: underline;

    }
    .tabbed div ul li a:link {
    text-decoration : none;
    color : #fff;
    }
    .tabbed div ul li a:active {
    text-decoration : none;
    color : #fff;
    }
    .tabbed div ul li a:visited {
    text-decoration : none;
    color : #fff;
    }
    .tabbed div ul li a:hover {
    text-decoration : underline;
    color:#fff;
    }
    /************************************************
    * [Search Form] *
    ************************************************/

    #searchform {
    float:left;
    margin: 0px;
    margin-left:70px;
    padding: 4px 0px 0px 0px;
    }

    #s {
    background: #111;
    width: 210px;
    color: #fff;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    padding: 3px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666;
    border-bottom: 1px solid #666;
    }

    #sbutt {
    background: #111;
    color: #FFFFFF;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    padding: 2px;
    margin: 0px 0px 0px 3px;
    border: 1px solid #666;
    }

  5. Sanna Says:

    Maj gad, benne,veronica och alla andra grafiskt kunnande människor har sagt sitt, jag tyckte den var fin men jag måste ju hålla med om att den inte representerar den soliag plats vi befinner oss på! SOm some sun would be nice:) Har massa att göra på konsulatet idag och u leave me alllll alone…hahaha ha en bra dag darrlino, Ima go back to work!

  6. Jocke Says:

    Hmm, måste nog hålla med Fia till slut… den e ju fräck a la “the dark knight”, men inte ens Heath överlevde ju sådant mörker..

    Intrycket av nya sidan måste nog trots allt sammanfattas med att Benne har haft för mkt tid över på nåt sätt, du borde ägna mer tid åt surfing istället käre Benitah… För har svårt att tro att du gjort detta på helt egen hand Erik??:)

    För övrigt har jag drabbats av alltför bad jet lag, inte helt bekvämt o kan därför inte sova ikväll..

    Schysst att gramse hittade bumbibäret så lätt!!

  7. DAD Says:

    Hejsvejs !
    Förändring är alltid bra enligt vissa konsulter men jag tycker att din sida nu liknar en hit som Pink Floyd hade 1973, Dark side of the Moon. M och jag vill ha mer färg annars kollar vi bara varannan dag.

  8. Benne Says:

    haha, Tjena Jocke,
    Jag har inte valt denna designen, och med en snabb titt pa min sida sa ser du ju att jag inte ar sahar mork. Erik ar nog inne i en mork period eller sa gllar han kvallarna i san diego alltfor mkt :)

    Jag och erik kan nog knapra ihop ngt alla kommer att gilla men all min tid gar ju till surfing just nu

Leave a Reply