Changing Seasons (Background)
Leave a reply
Tag Archives: trees
Autumn Scenery (Biker or Not)
Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Made by me in PSP X2. Image by Daniel Skorodjelow.
CLICK on “Continue reading” below for code & Preview button!
BikerOrNot
body {
background-color: #003d52 !important;
background-image: none !important;
}
p,
.bn-i-msg {
font-family: Constantia, Georgia, Helvetica, FreeSans, arial, sans-serif !important;
font-size: 12px;
text-align: left;
color: #ebe3b5;
}
a:link,
a:visited,
a:active /*Links*/ {
font-family: Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, arial,
sans-serif; color: #ffffff;
font-size: 12px;
font-weight:bold;}
a:hover /*Links on Hover*/ {
color: #ebe3b5 !important;
font-size: 12px;
font-weight:bold;}
#bn-top ul.menu /*TopNav1 & Top Image*/ {
margin: auto;
display: block;
width: 800px;
height: 533px;
background-color: #d38700 !important;
background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Autumn/Autumn_scenery-800x533.png") !important;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top right;
border: 3px solid #000000 !important;
-webkit-box-shadow: inset 0px 0px 8px 4px #000000;
box-shadow: inset 0px 0px 8px 4px #000000;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
#bn-top ul.menu a /*TopNav1 Font Color*/{
color: #FFFFFF !important;
}
#bn-foot2,
#bn-top2 /*TopNav2 & Lower Navbar*/ {
margin: auto;
margin-top: -5px;
width: 800px;
background-color:#d38700; background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Autumn/Autumn_sceneryBg1.png");
background-attachment: scroll;
background-repeat: repeat;
background-position: center;
border: 3px solid #000000 !important;
-webkit-box-shadow: inset 0px 0px 8px 4px #000000;
box-shadow: inset 0px 0px 8px 4px #000000;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
#bn-foot2 a,
#bn-top2 a /*Lower Navbar/Footer Font*/ {
color: #000000 !important;
padding: 4px;
border:2px solid transparent !important;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
#bn-top2 a:hover,
#bn-foot2 a:hover /*header and module bg on hover*/ {
background-color:#003d52; background-image: url("http://");
background-repeat: repeat;
background-position: center;}
#bn-foot2 a:hover,
#bn-top2 a:hover /*Lower Navbar/Footer Font on Hover*/ {
color: #ffffff !important;
border:2px solid #000000 !important;
-webkit-box-shadow: inset 0px 0px 8px 4px #000000;
box-shadow: inset 0px 0px 8px 4px #000000;
}
.body{
width:800px;
}
#bn-body {
width: 800px !important;
background-color:#d38700; background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Autumn/Autumn_sceneryBg1.png");
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
border: 3px solid #000000 !important;
-webkit-box-shadow: inset 0px 0px 8px 4px #000000;
box-shadow: inset 0px 0px 8px 4px #000000;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
#bn-3col2w{
width: 430px;
}
#bn-3col2w /*Main module*/,
#bn-3col1 /*Left Side Profile Pic*/ {
color: #ebe3b5;
background-color:#d38700; background-image: url("http://");
background-attachment: ;
background-repeat: ;
background-position: ;
padding: 5px;
border: 3px solid #000000 !important;
-webkit-box-shadow: inset 0px 0px 18px 4px #000000;
box-shadow: inset 0px 0px 18px 4px #000000;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
#bn-3col2w {
margin-left: 4px;
}
#bn-3col1 /*Left Side Profile Pic*/ {
margin-left: 4px;
width:160px;
}
.bx-ttl /*Headers*/{
margin: 0px;
background-color:#ebe3b5; background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Autumn/Autumn_sceneryBg1.png");
background-attachment: ;
background-repeat: ;
background-position: ;
border: 3px solid #000000 !important;
-webkit-box-shadow: inset 0px 0px 8px 4px #000000;
box-shadow: inset 0px 0px 8px 4px #000000;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}
.bx-ttl h2 /*Header Text*/ {
color: #000;
font-size: 12px;
font-family: Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, arial;
}
.bx-ttl a /*header and module links*/ {
color: #000;
}
.bx-ttl a:hover /*header and module links on hover*/ {
color: #ffffff !important;
}
td.grey-outline img,
#bn-3col2w img,
div#profile-main-left img,
#bn-3col1 img {
max-width: 500px;
}
div#headerdiv,
#bn-top /*Top Image Bg*/ {
background-color: transparent !important;
}
table,
#bn-top,
#bn-foot/*Keep this Transparent*/ {
background-color: transparent !important;
background-image: none
}
.bn-i-msg {
border-top: none !important;
}
embed {
max-width: 480px;
}
Designer Comments:
Made by me in PSP X2. Image by Daniel Skorodjelow.
Continue reading →
The Two Trees (SiteModel / Roleplayer.me)
Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Image by Julia Pelzer
CLICK on “Continue reading” below for code & Preview button!
Myspace1
body{
background-color: #000 !important;
background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Beyond/Tolkien_The_two_trees_Bg1.png");
background-position: bottom left;
background-attachment: fixed;
background-repeat: repeat;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
font-size: 14px;
color: #b8944b;
}
.redtext,
.redbtext,
a:link,
a:active,
a:visited,
a.redlink:link,
a.redlink:active,
a.redlink:visited,
.userProfileURL a,
#footerWarpper a {
color: #b8944b !important;
font-family: Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans;
font-weight:bold;}
a.redlink:hover,
a:hover {
color:#fff !important;
font-family: Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, verdana;
font-weight:bold;}
.btext,
.lightbluetext8{
font-weight: bold;
color: #a7b151 !important;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
}
table, td, tr {
background-color: transparent;
border: none;
}
#topnav{
margin: auto;
margin-top: 0px !important;
display: block;
height: 600px !important;
background-color: #000 !important;
background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Beyond/Tolkien_The_two_trees_800x601.png") !important;
background-repeat: no-repeat !important;
background-position: bottom center !important; border: solid 3px #000;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
-webkit-box-shadow: 0px 0px 14px 34px #000;
box-shadow: 0px 0px 34px 14px #000;
}
#header,
#topnav ul li a.open,
#subnav ul li a {
background-color: transparent ! important; background-image: url("http://") !important;
background-repeat: repeat;
background-position: top left;
background-attachment:scroll;color:#afc4a7;
font-weight:bold;}
#topnav ul li a,
#subnav ul li a {
color: #b8944b !important;
}
.rail {
background-color: transparent !important;
}
#topnav ul li a:hover,
#subnav ul li a:hover {
background-color:#6b8ea0 !important; background-image: url("http://") !important;
background-repeat: repeat;
background-position:top left;
background-attachment:scroll;color: #fff !important;
font-weight:bold;
border: 2px solid #b8944b !important;
-webkit-box-shadow: inset 0px 0px 4px 14px #000;
box-shadow: inset 0px 0px 14px 4px #000;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;}
#footerWarpper,
#profileV1main{
background-color: #000; }
#profileV1main{
border: solid 3px #000;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
-webkit-box-shadow: 0px 0px 14px 34px #000;
box-shadow: 0px 0px 34px 14px #000;
padding-left: 10px;
padding-right: 10px;
}
.contactTable .whitetext12{
display: none !important;
}
.contactTable a img{
visibility: hidden;
}
.contactTable a {
display:block;
height:28px;
width:120px;
}
.contactTable {
height: 155px;
width: 300px;
background-color: #000; background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Beyond/Tolkien_The_two_trees_Ct.png");
background-repeat: no-repeat;
background-attachment: scroll;border:3px solid #6b8ea0;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
-webkit-box-shadow: inset 0px 0px 4px 4px #000;
box-shadow: inset 0px 0px 4px 4px #000;
padding: 0px;
}
.extendedNetwork
.blacktext12 span {
display: none;
}
.blacktext12 {
display: block; width: 435px ! important;
height: 90px;
background-color: #000;
background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Beyond/Tolkien_The_two_trees_EN.png");
background-repeat: no-repeat;
background-position: center; border:3px solid #6b8ea0;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
-webkit-box-shadow: inset 0px 0px 4px 4px #000;
box-shadow: inset 0px 0px 4px 4px #000;
}
.profileInfo,
.latestBlogEntry {
padding: 10px;
}
.profileInfo,
.userProfileURL,
.userAlbums,
.interestsAndDetails,
.userProfileDetail,
.latestBlogEntry,
.blurbs,
.friendSpace,
.userProfileSchool,
.userProfileCompany {
background-color: #000000 !important;
background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Beyond/Tolkien_The_two_trees_Bg2.png");
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
border: 3px solid #6b8ea0;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
-webkit-box-shadow: inset 0px 0px 4px 4px #000;
box-shadow: inset 0px 0px 4px 4px #000;
padding-left: 10px;
padding-right: 10px;
}
.text,
body,
td,
li,
p,
div {
color: #6b8ea0 !important;
}
.nametext {
font-weight:bold;
color: #6b8ea0 !important;
font-family:Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, !important;
}
.text .whitetext12,
.text .orangetext15 {
font-family:Tempus Sans ITC, Constantia, Georgia, Helvetica, FreeSans, ;
font-size: 15px;
color: #6b8ea0;
text-align: center;
background-color: #000; background-image: url("http:/");
background-position: top left; padding: 0px;
display: block;
line-height: 30px;
border: 3px solid #b8944b !important;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
-webkit-box-shadow: 0px 0px 4px 14px #b8944b;
box-shadow: 0px 0px 14px 4px #b8944b;
}
.btext,
.lightbluetext8{
font-weight: bold;
color: #b8944b !important;
font-family: Constantia, Georgia, Helvetica, FreeSans, arial;
}
Designer Comments:
Image by Julia Pelzer
Continue reading →
Reflections of Blue (Biker or Not)
Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Image by Martin Koitmäe.
CLICK on “Continue reading” below for code & Preview button!
BikerOrNot
body {
background-color: #152238 !important;
background-image: url("http://") !important;
background-attachment: fixed;
background-repeat: repeat;
background-position: bottom center !important;
font-family: Constantia, georgia, Helvetica, FreeSans, sans-serif, Arial, sans-serif;
font-size: 12px;
color: #b7c1d2;
}
a:link,
a:visited,
a:active /*Links*/ {
font-family: Tempus Sans ITC, Bradley Hand ITC, Constantia, sans-serif;
color: #b7c1d2;
font-size: 14px;
font-weight:bold;
text-shadow: 0 3px 3px #749bd2;
}
a:hover /*Links on Hover*/ {
color: #749bd2 !important;
font-size: 14px;
font-weight:bold;
text-shadow: 0 1px 1px #b7c1d2;
}
h2 /*Bold Text*/ {
color: #3b3905;
font-weight:bold;
font-size: 20px;
font-family: Tempus Sans ITC, Bradley Hand ITC, Constantia, sans-serif;
text-shadow: 0 1px 1px #000;
}
#bn-top ul.menu /*TopNav1 & Top Image*/ {
margin: auto;
display: block;
width: 960px;
height: 638px;
background-color: #00000d !important;
background-image: url("http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Scenery/Helkivad_pilved_Kuresoo_kohal960x638.png") !important;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: bottom right;
border: 3px solid #000000 !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 28px #000000;
color: #050c00 !important;
}
#bn-top ul.menu a /*TopNav1 Font Color*/{
color: #050c00 !important;
}
table#top-nav,
#bn-foot2,
#bn-top2 /*TopNav1 & Lower Navbar*/ {
margin: auto;
width: 960px;
background-color: #00000d;
background-image: url("");
background-attachment: scroll;
background-repeat: repeat;
background-position: top right;
border: 3px solid #000 !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 18px #000;
padding-top: 4px;
padding-bottom: 6px;
margin-top: -10px !important;
}
#bn-foot2 a,
#bn-top2 a/*Lower Navbar Font*/ {
color: #b7c1d2 !important;
text-shadow: 0 1px 1px #b7c1d2;
border:3px ridge transparent !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: inset 0 0 8px transparent;
padding: 4px;
}
#bn-foot2 a:hover,
#bn-top2 a:hover /*Lower Navbar Font on Hover*/ {
background-color: #b7c1d2;
color: #152238 !important;
border:3px solid #000 !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: inset 0 0 8px #000;
padding: 4px;
}
#bn-body,
#profile-main-full {
margin-top: -10px !important;
width: 960px !important;
background-color: #00000d;
background-image: url("http://");
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
border: 3px solid #000 !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: 0 0 28px #000;
}
#bn-3col2w /*Main module*/{
width: 585px;
}
#bn-3col2w /*Main module*/,
#bn-3col1 /*Left Side Profile Pic*/ {
text-align: left;
color: #73636d;
text-shadow: 0 1px 1px #152238;
background-color: transparent;
background-image: url("");
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
padding: 15px 0px 0px 0px;
border: 0px solid #3b3905 !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
.bx-ttl h2 {
color: #b7c1d2;
}
/*Feed-Wall tabs at Top*/
.bx-ttl {
margin: 0px;
background-color: #152238 !important;
background-image: url("http://");
background-attachment: scroll;
background-repeat: repeat;
background-position: top left;
border: 3px solid #000 !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: inset 0 0 8px #000;
}
/*header and module links*/
.bx-ttl a{
font-size: 12px;
color: #b7c1d2;
text-shadow: 0 1px 1px #b7c1d2;
}
.tab:hover/*header and module bg on hover*/,
.bx-ttl a:hover{
font-size: 12px;
text-decoration: none;
background-color: #b7c1d2 !important;
background-image: url("");
background-repeat: repeat;
background-position: top left;
border: 3px solid #000 !important;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
box-shadow: inset 0 0 8px #000;
color: #152238 !important;
}
td.grey-outline img,
#bn-3col2w img,
div#profile-main-left img,
#bn-3col1 img {
max-width: 500px;
}
div#headerdiv,
#bn-top /*Top Image Bg*/ {
background-color: transparent !important;
}
table,
#bn-top,
#bn-foot/*Keep this Transparent*/ {
background-color: transparent !important;
background-image: none
}
.bn-i-msg {
border-top: none !important;
}
embed {
max-width: 480px;
}
Designer Comments:
Image by Martin Koitmäe.
Continue reading →
Stepping Stones (Ning Theme)
Made by: AnGella
CLICK on “Continue reading” below for code & Preview button!
Designer Comments:
Image by Johan J.Ingles-Le Nobel. Animated by me in Gimp.
CLICK on “Continue reading” below for code & Preview button!
NingTheme
/*Layout Generated @ http://SkemaholicsAnonymous.com*/
body /*Background*/
{background:#091600 url(http://i55.tinypic.com/swv1av.jpg) top center repeat fixed;
color: #d5dccb;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif;
}
.input textarea, input.textfield:focus, input.password:focus, input.file:focus, textarea:focus, select:focus, select.quickpost, #xn_bar #xn_bar_menu_search_query, #xn_bar input.text{background-color: #091600 !important; color: #accf86; background-image:none; background-repeat: repeat; background-position: center center; background-attachment: scroll}
.input textarea:hover, select.quickpost:hover, #xn_bar #xn_bar_menu_search_query:hover {background-color: #accf86 !important; color: #091600; background-image:none; background-repeat: repeat; background-position: center center; background-attachment: scroll}
a:link, a:visited, a:active
{font-family:Arial, sans-serif;
color:#accf86;
font-size:12px}
a:hover
{color: #d5dccb;}
.module_user_thumbnail {max-width:170px !important;max-height:170px !important; margin:5px;}
.module_user_thumbnail, .xg_widget_profiles_profile_show .xg_3col .xg_1col img.photo {max-width:165px !important;max-height:165px !important; margin:3px;}
#xg_body /*Contents*/
{background:transparent none top center repeat fixed;}
#xg /*Wrap Background*/
{background:transparent none top center repeat fixed;
border: 0px solid #000000;}
#xg_masthead /*Top Image*/
{margin: auto;
display: block;
height:600px;
background:transparent url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/SteppingStones.gif) center no-repeat scroll;}
#xg_sitename,
#xg_sitename a,
#xg_sitedesc /*The sitename text*/{
display: none !important;
}
#xg_navigation{
margin-top: 0;
}
#xg_navigation /* Navbar*/,
#xg_navigation ul div.xg_subtab ul li a /*Subtab Font Properties*/{
margin: auto;
background: #000000 none bottom center repeat-x scroll;
}
#xg_navigation ul li a,
#xg_navigation ul div.xg_subtab ul li a /*NavBar Font Properties*/
{font-family:Arial, sans-serif;
font-size:14px!important;
color:#accf86 !important;
font-weight: bold;}
#xg_navigation ul li.this a,
#xg_navigation ul li a:hover, /*"This Page" highlight color*/
#xg_navigation ul div.xg_subtab ul li a:hover
{background:#091600 none repeat-x top center scroll;
color:#d5dccb !important;
font-weight:bold;}
.xg_module_head /*Bg of headers*/
{background:#000000 none bottom left repeat-x scroll;
font-size:15px;
color:#accf86;
border:1px solid #d5dccb;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;}
.xg_module_head h2 /*Header Text*/
{color:#accf86;
font-size:15px;
font-weight: bold;}
.status-bar,
.xg_module_body,
.xg_widget_profiles_profile_show .xg_2col h1{
background: transparent;
color:#d5dccb;}
.status-bar,
.xg_module,
.xg_widget_profiles_profile_show .xg_2col h1{
background: transparent none bottom center repeat-x scroll;}
.xg_widget_profiles_profile_show .xg_2col h1{
text-align:center;
}
.xg_module_foot /*Bg of footers*/
{background:#000000 none top left repeat-x scroll;
font-family:Arial, georgia, Helvetica, FreeSans, sans-serif;
font-size:12px;
border:1px solid #d5dccb;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;}
.xg_module_foot a
{color:#accf86;
font-size:12px;
font-weight: bold;}
.xg_module_foot a:hover
{color:#d5dccb;
font-weight: bold;}
#xn_bar /*Ning bar at top*/
{margin: auto;
width: 960px;
background: #000000 !important;
color:#accf86 !important;
font-family:Arial, georgia, Helvetica, FreeSans, sans-serif;}
#xg_foot {background-color: transparent !important; background-image: url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/Footer.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center}
textarea#xg_profiles_chatterwall_post_comment
{height:200px !important;
background:#000000 url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/SteppingStonesCmt.gif) bottom center no-repeat scroll;
color:#FFFFFF;
font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif;
font-weight: bold;
font-size: 125%;}
/*Layout Generated @ http://SkemaholicsAnonymous.com*/
Designer Comments:
Image by Johan J.Ingles-Le Nobel. Animated by me in Gimp.
Continue reading →