Tuesday, September 17, 2013

Menu CSS ( 2 )


                           /***** Ning Theme *****/
                                Title: Heart & Love..
                             Created by korantaw
             My Website: http://korantaw.blogspot.com



/***Ning Bar Add Account Box link and Account Box Hide***/
.ningbarlink a {color:#ffffff!important;
text-shadow: #ffffff 0 0 5px, #000000 1px 1px 3px;!important; }
.ningbarlink img { margin-top:7px!important; }
.ningbarlink  {background:#7900bf url(none)!important;border-left:2px solid #000000;
border-right:2px solid #000000;
border-radius:15px;
box-shadow:0px 1px 7px 0px #666666,inset 0 0 0.5em #000000!important;}




/*************Ning Bar and Footer ***********/
#welcome {display:none !important;}
#xn_bar {background:transparent!important;border-bottom:2px solid #a200ff;box-shadow:0px 1px 7px 0px #ededed;border-radius:15px;height: 30px;}
#xg_foot {background:url(none)!important;margin:0pt auto !important;text-align:left !important;width:1000px !important;
background-image:url(none);background-position:center;
background-attachment:fixed;background-repeat:repeat;
border-bottom:2px solid #a200ff;box-shadow:0px 1px 7px 0px #151515;border-radius:15px;
height: 100px; margin-top:5px!important;display:none!important;}

/****************Header Specifics**************************/
#xg_head {background: transparent !important no-repeat 0px 0px;margin: 0px 0px;}
#xg_masthead {height:0px;}
#xg_sitedesc { display: none;}
#xg_masthead p#xg_sitename {font-size:1em;margin:0;padding:60px 0 0 35px;
font-style:arial;font-family:Zawgyi-One;}
#xg_masthead p#xg_sitename { visibility: hidden; }
#xg_head, #xg_head a, .xg_theme-header-c {color:transparent;}

#xg_masthead {
    padding-bottom: 0px!important;margin-top:-30px;
}
/*****Module Head
.xg_module {margin-bottom: 2em;font-style:arial;font-size:14px;font-family:Zawgyi-One;}
/**Navigation*************************/
#xg_navigation {
background: transparent  url(none) no-repeat;box-shadow:0px 1px 7px 0px transparent;border-radius:10px; height:140px;margin:0pt auto !important;text-align:left !important;
padding-top: 10px;margin-top: 10px;}
#xg_navigation ul {margin:0 0;}
#xg_navigation ul li {margin:0 0 0 0;}
#xg_navigation ul li a {background-color:#7900bf !important;
border:1px solid #13001e;border-radius:10px;color:#ffffff!important;
box-shadow: 0 0 4px 2px #151515, inset 0 0 1em #000000!important;
float:left;font-size:13px!important;font-weight:normal!important;
line-height:12px;padding:9.5px 23px;text-align:center;
text-decoration:none;width:133px;margin-bottom:2px; text-shadow: #ffffff 0 0 5px, #000000 1px 1px 3px; line-height:1.2em; }
#xg_navigation ul li a:hover {background-color:#a200ff !important;border:1px solid #13001e;border-radius:10px;color:#ffff00!important;
box-shadow: 0 0 4px 2px #151515, inset 0 0 1em #000000!important;
text-decoration:none;text-shadow: #ffff00 0 0 5px, #000000 1px 1px 3px;
transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
#xg_navigation li.this a {background-color:#a200ff!important;border:1px solid #13001e;border-radius:10px;color:#ffff00!important;
box-shadow: 0 0 4px 2px #151515, inset 0 0 1em #000000!important;
text-decoration:none;text-shadow: #ffff00 0 0 5px, #000000 1px 1px 3px;}
/***** SUBTABS ******CA***/
#xg_navigation ul li.this a, ul.page_tabs li.this {background-color:#7900bf;}
#xg_navigation ul div.xg_subtab ul {width:150px;text-align: CENTER;}
#xg_navigation ul div.xg_subtab ul li a {background: #a200ff url(http://api.ning.com/files/VqXFAg5qIzGae8xbnZWa5lo*YbcUDZutDqmMUVnlVvMmHtivGm-AevLXVX3SnojVj6jj*5QBtqOSSZEmUaITIGEGD12lQfzZ/nv.jpg)!important;
color:#ffffff !important;font-size:11px !important;
border:1px solid #000000!important;box-shadow: 0 0 4px 2px #151515, inset 0 0 2em #13001e!important;border-radius:15px;text-align:left;line-height:1.5em;text-align: CENTER;}
#xg_navigation ul div.xg_subtab ul li a:hover {background: #a200ff url(http://api.ning.com/files/aFqK2Zc1pKZfC7KC0LobjNrSvq1WlPS5fu26iIH0Wt829-*LIMTxG4za1ZQZgIkS6gBazRZm51AppEpA4T0wNwaAYot4h8lZ/nv_hv.jpg)!important;
color:#ffff00!important;font-size:11px !important;
border:1px solid #13001e !important;box-shadow: 0 0 4px 2px #151515, inset 0 0 2em #13001e!important;border-radius:15px;
line-height:1.5em;text-align: CENTER;
}
/******HEADLINE - WELCOME BOX******/
#xg #xg_body h1 {color: #f5f5f5;font-style:Andale Mono;weight:bold;body h1
font-size:14px;text-align: center; text-shadow: 0 1px 0 #999999, 0 2px 0 #888888, 0 4px 0 #777777, 0 4px 0 #FFFF00, 0 5px 0 #555555, 0 6px 0 #444444, 0 7px 0 #333333, 0 8px 7px #f5f5f5;background-color: transparent;
background-image: url(image link);background-repeat:no-repeat;height: auto;
width:auto;border-radius:15px;padding-left:10px;padding-right:10px;
z-index:1;border-bottom:2px solid #a200ff;box-shadow:0px 1px 7px 0px #a4a4a4;border-radius:15px;}



body /*Background*/
{ background-color: #000000; background-image:url(http://api.ning.com/files/aXCD8W7-*cTus2*yLM7kNuGtfiopxvQhT4Dfg*qYm4x4TA29rCwewCxqWmV8rQwAR5PHKsis-N5DLliJtfNwsXy6FbM1wBpS/cdf25adb5bb7024cba4a487e43723f2e.jpg); background-repeat: repeat; background-position: top center; background-attachment: fixed; color: #999999; font-family: Constantia, Arial, georgia, Helvetica, FreeSans, sans-serif; list-style: none !important}

/***Body Background Image**/
#xg_body {background:#000000 !important;background-position: center 0px;margin-bottom:50px;z-index:1;margin:0pt auto !important;text-align:left !important;
width:950px !important; -moz-border-radius:20px;-webkit-border-radius:20px;
border-radius:20px;-webkit-box-shadow:0px 1px 10px 0px #000000;
-moz-box-shadow:0px 1px 10px 0px #000000;box-shadow: 0 0 4px 2px #000000;
font-style:arial;font-family:Zawgyi-One; margin-bottom:2px!important;}
.xg_floating_container {background:#000000 !important ;
background-position: center 0px;margin-bottom:50px;z-index:1;
-moz-border-radius:20px;-webkit-border-radius:20px;
 border-radius:20px;-webkit-box-shadow:0px 1px 10px 0px #000000;
-moz-box-shadow:0px 1px 10px 0px #000000;box-shadow: 0 0 4px 2px #ffffff;
font-style:Andale Mono;font-family:Zawgyi-One; margin-bottom:2px!important;}

/*****BODY BACKGROUND*****/
#xg_body, .xg_floating_container {
background:transparent url(http://api.ning.com/files/oPiLRtYZll-gLBxHV-ZthckmZcbcOHsEA8XApRRS3H6*VG1Suh3v1E9zjmRpdRfipcd67Cu7GqQZQy2L55JcsFsPQVZJwa*o/80_black.png)!important;
background-position: center 0px;
margin-bottom:20px;font-family:Zawgyi-One;font-family:Andale Mono;
z-index:1;
box-shadow:0px 1px 7px 0px  #ededed;
border-radius:20px; }
/*****End Body********/



/****************Module Head**************************/
.xg_module_head {background:#7900bf !important;
color:#000000;margin-bottom:0;padding:3px 5px !important;
border-radius:10px 10px 5px 5px;border: solid 1px #000000 !important;
height:26px !important;box-shadow:0px 1px 7px 0px #a4a4a4,inset 0 0 1em #000000 !important;
font-style:arial;font-family:Zawgyi-One;}
.xg_module_head h2 {float:left;font-size:1em;margin:0;padding:0px 0 0 17px;
font-style:Andale Mono; text-shadow: 0 1px 0 #999999, 0 2px 0 #888888, 0 3px 0 #777777, 0 4px 0 #666666, 0 5px 0 #555555, 0 6px 0 #444444, 0 7px 0 #333333, 0 8px 7px #001135;}

/******************Module Body************************/
.xg_module_body {background:transparent url(none)!important; repeat-x top left;
border:0px solid #7900bf;-moz-border-radius-bottomleft:5px;
border-radius:5px 5px 10px 10px;color:#C3BD82;
box-shadow:0px 1px 7px 0px #a4a4a4;-webkit-box-shadow:0px 1px 7px 0px #a4a4a4;
-moz-box-shadow:0px 1px 7px 0px #a4a4a4;font-style:Andale Mono;}



/* Body Background Image */

#xg_body, .xg_floating_container {
background:transparent url(none) no-repeat ;

background-position: center 0px;
margin-bottom:50px;
z-index:1;
box-shadow:1px 4px 10px 8px #03d1f5;
box-shadow:1px 4px 10px 8px #03d1f5;
-moz-border-radius: 3em 1em;
}



/***** MODULE TEXT *****/
.xg_module_body,
.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,
ul.page_tabs li.this {color:#C3BD82;font-style:Andale Mono;font-size:13px;text-decoration:none;}
.xg_widget_main .xg_2col .module_groups .clist li {margin:0 1px 8px 3px;}
.xg_widget_main .xg_2col .module_groups .clist {display:inline;clear:none;}
/****************************************/

/***** LINKS *****/
body a {color: #ffffff!important;font-style:Andale Mono;font-size:13px;
text-shadow: #ffffff 0 0 5px, #000000 1px 1px 3px;}
body a:hover {color:#ffff00!important;font-style:Andale Mono;font-size:13px;text-shadow: #ffff00 0 0 5px, #000000 1px 1px 3px;;text-decoration:none;background:transparent url(http://api.ning.com:80/files/YUacrik-gpVX2AOSNRCCaXhilJIMU6f8f1AeNZdsEx1dQG4Ivj1NHTZeYHMoomoB09g*EE4XmAQORpxnb5j0du92pce3EMOZ/thurainlin89.gif);}


/*-Online Now-*/
.online {
  color:#999900;
width: 80px;
height: 20px;
background-image: url(http://api.ning.com/files/5V8K2VToaqm5AoL8ljBRVjqbNQWm1-G2Wl3x-IsPpwYsz85kzqycZu18WqfDFXp4GAHwJ4qHN*dCo9WzIVKhMHSDtXjXqQaq/1001422mzeivetwtu.gif);
}

/***** Scroll Box Codes *****/


/* Scroll box for the blog post */
#xg_module_body,
#xg_module_body h3,
.module_blog {
height: 400px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
box-shadow:0px 1px 7px 0px  #ededed;
border-radius:15px; }



/* Scroll box for the Forum */
.module_forum .xg_module_body {
height: 400px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
box-shadow:0px 1px 7px 0px  #ededed;
border-radius:15px; }


       
/* Scroll box for the latest activity */
xg_module, .xg_module_activity {
height: 0px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
box-shadow:0px 1px 7px 0px  #ededed;
border-radius:15px; }


/* Scroll box for the Comment Wall */

#xg_module_body, #xg_module_head h2, .xg_module_comment_wall{
height : 650px;
overflow : auto;
margin : 3px;
text-align : center;font-style:Andale Mono
font-size : 12px;
box-shadow:0px 1px 7px 0px  #ededed;
border-radius:15px; }


/* Scroll Box for the Leaderboard */
.mini-leaderboard-module .xg_module_body {height: 400px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
}


/* Scroll box for the Group */
.module_groups .xg_module_body {
height: 150px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
}


/* Scroll Box for the Video */
.module_video .xg_module_body {
height: 400px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
}


/* Scroll Box for the Birthday Module */
.module_birthdays .xg_module_body {
height: 400px;
width: auto;
overflow-y: auto;
overflow-x: hidden;
}


/* Scroll Box for the Friends Module */
#xg_module_members,
.body_small{
width:auto;
height:150px;
overflow:auto;
padding-left:3px;
}


/* Scroll Box for the Profile Information!*/
.module_about_user{
height:200px;
font-size:12px;
overflow:auto;
box-shadow:0px 1px 7px 0px  #ededed;
border-radius:10px; }


/**************Submit Buttons on site****************************/
a.button, button, input.button, a.button:hover, button:hover, input.button:hover {background:#151515!important none repeat scroll 0 0;color:#ffffff !important;
text-shadow: #ffffff 0 0 5px, #000000 1px 1px 3px;
border:1px solid #ededed;font-style:arial;font-family:Zawgyi-One;z-index:1;
box-shadow:0px 1px 7px 0px #666666,inset 0 0 1.5em #000000 !important;border-radius:15px;}
a.button:hover, button:hover, input.button:hover {background:#a200ff!important ;color:#FFFF00 !important;
text-shadow: #ffff00 0 0 5px, #000000 1px 1px 3px;border:1px solid #666666;
font-style:arial;font-family:Zawgyi-One;z-index:1;
box-shadow:0px 1px 7px 0px#ffffff,inset 0 0 1.5em #000000 !important;border-radius:15px;}



#xg #xg_body h1 {
color:#C0C0C0;
font-family: "VICTORIAN LET";
weight:bold;
font-style:italic;
font-size:30px;
text-align: left;
background-color:/* %pageBgColor% */ transparent;
background-image:/* %pageBgImage% */ url(http://api.ning.com/files/SP-nSmlFWgJftwnJ9FLKnxU3M6tpf2Ou4DADEQIL-csxXUiyhijUc3MkHxLOGcND0*SvKeG7TxtyOgrcWB954EXiif4oUL7F/BobbySoxerHtetHtetStudio004.jpg);
background-repeat:/* %moduleBgImage_repeat% */ no-repeat;
height:806px;
width:auto;
background-position: center bottom 4px!important;
border-top:1.5px dotted #C0C0C0;
border-bottom:1px dotted #C0C0C0;
-moz-border-radius: 10px;
border-radius: 10px;
}



/* Photos */

a img {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


#xg_module_account {
background: url(http://lh3.ggpht.com/-HJXDqwTEFUk/TzmDa3mSoOI/AAAAAAAACnQ/__9ai2JOZvs/11949848421173286932heart_cluster_jon_philli_01[9].png) no-repeat
scroll 0 0;
background-color:transparent;
background-position: center bottom;
}


/* Hello Box: Adjust the height to see more of the background image) */
.account-links {
height:300px; wide:180px;
}

/* Commentbox Protection */
/*This is unable to be sent Flash Song & Player code*/
.xg_widget_profiles_profile_show .xg_3col .xg_2col .comment object,
.xg_widget_profiles_profile_show .xg_3col .xg_2col .comment embed {
display:none !important;
}

/* Border to Comment Photos */
.xg_widget_profiles_profile_show .xg_3col .xg_2col .comment img{
text-align: center;
max-width:400px;
border-top: 3px dotted red;
border-bottom: 3px dotted green;
border-left: 3px dotted #a200ff;
border-right: 3px dotted yellow;
-moz-border-radius: 10px;
border-radius: 10px;
}


/***** COMMENT BOX *****/
#xg_profiles_chatterwall_post_comment{
color: #CEC895;
font-weight:bold;
background-color:#000000 !important;
background-image:url(http://i286.photobucket.com/albums/ll88/AnGella_/AnGellaDesigns/RequestImages/MW3Cmt.png) !important;
background-position: bottom center !important;
background-repeat: no-repeat;
background-attachment: relative;
width:510px;
height:270px;
border: 2px solid #744814;
-moz-border-radius: 10px;
border-radius: 10px;
}

/* Body & Link Cursor */
BODY { cursor : url(http://api.ning.com:80/files/YUacrik-gpX2NfWWQxL40g1-AmpXdaJnugv6jpN7CvGNGTc7BVQXkMUQilIcMx2S42FWwK3bpeHgFQzYmQ7kRSt8nDcj2lNM/thurainlin89.png), default;
}
a, a:link, a:visited, a:active, a:hover {
cursor: url(http://api.ning.com:80/files/kSUQ0WQXtW8kJk8CsevjrwrkRe4bsDnx2id84rtJLNP3Xz4xAY-ufEyZZl8si4fRfi4wEaboVVFT1xvKbgvY2EAuJYmd5rF2/thurainlin89.gif), pointer;
}

/* Border to Side */
body {
border-top: 3px double yellow;
border-bottom: 3px dotted blue;
border-left: 5px solid red;
border-right: 5px dashed green;
-moz-border-radius: 10px;
border-radius: 10px;
}


#xg_masthead /*Top Image*/
{margin: auto;
display: block;
height:250px;
width: 950px;
background:#000000 url(http://api.ning.com/files/n7P7J-Vx5L0fZHhbyTtOQwMEljx8CszSE4Mx6xWNfw*LSVpu8DQ*A4EmizW3zPpWZb3w3uDc7WKxm9jyuR4s9kdnMdc5ixiG/Banner800230.jpg) bottom center no-repeat scroll;
box-shadow:0px 1px 7px 0px  #ededed;
border-radius:10px; }

/***************** End Css Code.***********************/

ဤ Theme ကုတ္ကို အသံုးျပဳျပီး  အဆင္မေျပႏုိင္တာေလးေတြ ျဖစ္ႏုိင္တာကို ေအာက္မွာ ေရးေပးထားပါတယ္။

(1) Site Menu မ်ား အႀကီးေသး ခ်ိန္ရန္ ေအာက္မွ ကုတ္အားရွာ၍ [9.5] ကို အတိုးအေလ်ာ့လုပ္ပါ။ ဥပမာ-2.5/4.5/6.5
=========>>> line-height:12px;padding:9.5px 23px;text-align:center;

(2) Body ပိုင္း အက်ဥ္း အက်ယ္ကို ေအာက္မွ  ကုတ္အားရွာ၍ [950] ကို အတိုးအေလ်ာ့လုပ္ပါ။ ဥပမာ-1000
 width:950px !important; -moz-border-radius:20px;-webkit-border-radius:20px;

ကုတ္မ်ားကို အလြယ္ အျမန္ရွာနည္း = ကီးဘုတ္မွ Ctrl+F ကို ႏွိပ္ျပီး ေပၚလာတဲ့ Search Box တြင္ ရိုက္ရွာပါ။


No comments:

Post a Comment

အသိေပးစာ

Website အပြောင်းလဲ လုပ်နေပါသည်

uuuuuuuuuuuu

Blogger Tips and TricksLatest Tips For BloggersBlogger Tricks