Opera CSS Layout Designer

#side {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("http://files.myopera.com/marieandrabi/files/Red Parrots 390.jpg");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    padding-bottom: 390px;
}

No comments

lets get Started

Saturday, April 30, 2011 3:41:17 AM

{Opera CSS Layout Designer UpDate 2011/05/12}

when u start to Design a layout for ur my.opera site.
u need to know this parts in ur my.opera site

Header

Friday, April 29, 2011 12:00:00 PM

Header

No comments

Page Title and Subtitle and Background image

Thursday, April 28, 2011 12:00:00 PM

Page Title and Subtitle and Background image

#top2 { background: #0D0D0D url("http://files.myopera.com/marieandrabi/files/Catrachilandia Header.jpg") top center no-repeat; height: 362px; }
#top h1 { display: none; }
#subtitle { display: none; }
#top { background: none; }

No comments

#menu { background-color: transparent; border-bottom: 2px solid #191919; 
background-image: url("http://files.myopera.com/marieandrabi/files/Menu Buttons BKG Fill.png"); repeat-x; }

#menu a:link, #menu a:visited { color: #00FF00; } 
#menu a:hover { color: #FFFF00; }
#menu a:active { color: #FF0000; }
#menu a#selected:link, #menu a#selected:visited { color: #FFFF00; }

#menu a:link, #menu a:visited, #menu a:active { 
background-image: url("http://files.myopera.com/marieandrabi/files/Marie_MenuButtons_1px.png"); }

#top #menu a:hover, #menu #selected:link, #menu #selected:visited { background-position: 0px -30px; }

#menu li { 
list-style-position: outside;
list-style-type: none;
list-style-image: none;
line-height: 30px;
height: 30px;
font-size: 0.9em; }

/*MENU*/
#menu_blog a { content: "Catrachilandia"; }
#menu_archive a { content: "Memory Lane"; }
#menu_albums a { content: "Catrachilandia Art Gallery"; }
#menu_friends a { content: "Amigos"; }
#menu_about a { content: "About Marie"; }

No comments