- Posts:
- 9
- Group:
- Members
- Member
- #197,382
- Joined:
- May 2, 2011
- My Board URL
- http://s4.zetaboards.com/trian4rum
|
+ I've tried to make a drop down many times, but I failed. - Here's my result.

- I've manage to edit CSS but I can't! + Changing theme is o.k! (but I don't want to change it because it's suitable for my students) - I'm very grateful if u help me to make a DROP_MENU.
<1>. background for DROP_MENU (as in picture numbered 1) <2>. the content is center (as picture 2) **** HERE'S MY CSS.
- Code:
-
html,body { background: url(http://ca4.upanh.com/12.957.17169869.B2E0/bg.jpg); background-repeat: repeat-15; background-color: #FFF; background-attachment: fixed; color:#236B8E; font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif; font-size:105%; margin:0; padding:0; } #copys { font-size:100%; } a { color:#0000FF; text-decoration:none; } a:hover { color:#EE6BBB; text-decoration:underline; } hr { background-color:#FE89EC; border:0; color:#A11E77; height:1px; }
table { border-collapse:collapse; border-spacing:0; clear:both; empty-cells:show; width:100%; }
th,td { border:1px solid #FC8AEA; }
th { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; color:#FF0000; font-weight:500; font-size: 85%!important; padding:3px 5px; text-align:left; border:1px solid #FFA5F1; }
td { background:url(http://z3.ifrm.com/250/166/0/p118981/rowtest.gif) repeat-x bottom right #FFE8FC; color:#1E90FF; padding:5px 10px; }
th a,th a:hover { color:#D72DA6; font-weight:700; }
h1 { font-size:200%; }
h2,h3 { font-size:100%; }
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th { background:url(http://z3.ifrm.com/250/166/0/p117872/midh2.gif) repeat-x top #6a7db6; color:#0000FF; font-size:110%; font-weight:700; }
thead th { border:1px solid #FE89EC; border-bottom-width:1px; padding:5px; text-align:center; }
h2.special { background:url(http://z3.ifrm.com/250/166/0/p117872/midh2.gif) repeat-x top #FB9D3A; border:#FC8AEA; }
div.topic h2.special { border: 1px solid #FC8AEA; border-top: 0px; margin-left:-1px; margin-top: 10px; }
input,select,textarea,button,a.btn_fake { background:#FEEEFC; border:1px solid #FE89EC; color:#D333AF; padding:3px 5px; vertical-align:middle; }
textarea { font-family:"Verdana", sans-serif; font-size:100%; margin:auto; width:98%; }
input:focus,input.focus,textarea:focus,textarea.focus { border-color:#E04BB0; }
.submit_error { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom #FFE8FC; border:1px solid #FC8AEA; }
button,a.btn_fake { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; color:#AE3C89; cursor:default; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:90%; overflow:visible; width:auto; }
button:hover,a.btn_fake:hover { border-color:#AE3C89; }
button.btn_text { background:none; border:0; cursor:pointer; font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif; font-size:100%; }
.notice { background:#fff; border:2px solid #FC8AEA; color:#D333AF; margin:10px auto 0; width:70%; }
.notice dt { color:#FC8AEA; font-weight:700; }
.notice dd { font-style:italic; }
dl.info { background:#FFE8FC; border-color:#FC8AEA; }
.info dt { background:#FE89EC; color:#fff; }
dl.error { background:#FFE8FC; border-color:#D333AF; }
.error dt { background:#FC8AEA; color:#D333AF; }
#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul { list-style:none; padding:0px; }
#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd, table.calendar ul, .drop_menu, .search_results div.spoiler { margin:0; }
#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li { display:inline; }
#top_bar { display: none; }
#topleft{ background:url(http://z3.ifrm.com/250/166/0/p117862/topleft.jpg) no repeat#FEB8F4; font-size:85%; height: 37px; width: 72px; float:left; }
#top { background:url(http://z3.ifrm.com/250/166/0/p115943/top.jpg) repeat-x top #FEA6F1; padding:7px 1px 4px 2%; height: 26px; }
#top_info { color:#A11E77; float:left; font-size: 90%; margin-top:6px; }
#top_menu { float: right; background:transparent; font-size: 90%; margin-top: 0px; padding: 0px; height: 0px; }
.drop_menu li, #menu_acp:hover { background: transparent url(http://z3.ifrm.com/250/166/0/p117969/topmenu.gif) no repeat; float:left; margin-right:1px; text-align:center; }
.drop_menu a { color:#A11E77; display:block; padding:0px 10px 10px 10px; position:relative; width: 112px; }
.drop_menu ul { -moz-opacity:1; background: url(http://z3.ifrm.com/250/166/0/p119003/drop.jpg) bottom no-repeat; color:#fff; left:-999em; margin:0; opacity:0.85; position:absolute; width: 130px; }
#top_menu.drop_menu ul { padding-bottom:5px!important; }
.drop_menu ul li { font-size:85%; margin:0; padding:0; width:100%; }
.drop_menu ul li a { display:block; padding:6px 5%; width:90%; }
.drop_menu li ul li a:hover { text-decoration:none; background: url(http://z3.ifrm.com/250/166/0/p119042/drophover.jpg); opacity: 0.80; }
#logo_wrap { background: url(http://z3.ifrm.com/250/166/0/p115942/logo_right.jpg) repeat-x top; height: 214px; }
#submenu_bar { display:none; } #subleft{ background:url(http://z3.ifrm.com/250/166/0/p117964/subleft.gif) no repeat#FFFFFF; font-size:85%; margin:0 2%; height: 31px; width: 16px; float:left; }
#submenu { background:url(http://z3.ifrm.com/250/166/0/p117965/submid.gif) repeat-x top #FFFFFF; font-size:85%; margin:0 2%; padding:6px 1% 10px; text-align:center; }
#subright{ background:url(http://z3.ifrm.com/250/166/0/p117966/subright.gif) no repeat #FFFFFF; font-size:85%; margin:0 2%; height: 31px; width: 16px; float: right; }
#wrap { background: #FFF; border:0px solid #3A5197; margin:0 2% 30px; padding: 0px; }
#nav { color:#E877C5; height:1%; padding: 15px 1% 5px; font-weight: 700; font-size:85%; margin-top:5px; }
.meta_box { background:url(http://) repeat-x top #FFE8FC; border:1px solid #FE89EC; font-size:85%; line-height:150%; padding:10px 25px; }
.meta_menu { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom #FFE8FC; border:1px solid #FC8AEA; padding:0; width:49%; }
.meta_menu h3 { background:url(http://z3.ifrm.com/250/166/0/p117872/midh2.gif) repeat-x bottom #FB9D3A; border:1px solid #FC8AEA; clear:both; color:#FFF; font-size:100%; font-weight:700; margin:-1px; text-align:center; }
.meta_menu a,.meta_menu a:hover { color:#E659C1; }
ul.cat-pages { float:left; font-size:90%; margin:15px 0; padding: 10px 12px; width:49%; }
.cat-pages a,.cat-pagesjump i { background: url(http://z3.ifrm.com/250/166/0/p119083/grey.jpg) center no-repeat #fff; color:#D333AF; padding:10px 12px!important; }
.cat-topicpages a { background: none transparent; }
.cat-topicpages a:hover { background: none transparent; }
.cat-pages a:hover { background:url(http://z3.ifrm.com/250/166/0/p119082/span.jpg) center no-repeat #fff; color:#fff; text-decoration:none; }
.cat-pages span { background:url(http://z3.ifrm.com/250/166/0/p119082/span.jpg) center no-repeat #fff; color:#FFF; cursor:default; font-weight:700; padding:10px 12px; }
.cat-pages input { background:#FFE8FC; color:#D333AF; padding:3px 5px; vertical-align:baseline; }
ul.cat-topicpages { float:right; font-size:80%; padding:1px 0; }
tr.generic td,div.generic { font-size:120%; font-weight:700; padding:20px; text-align:center; }
td.c_head,td.c_foot,td.c_sort { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; color:#D333AF; font-size:80%; }
td.c_desc { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom #FFE8FC; font-weight:700; text-align:right; vertical-align:middle; width:200px; }
td.c_desc small { display:block; font-weight:400; }
tr.pm_new td { background:#FCB7EE; font-weight:700; }
tr.hidden td.c_post { background:#FCB7EE; }
.bday { background:url(http://z3.ifrm.com/250/166/0/p119557/s_minibday.png)) no-repeat; color:#99207F; font-size:90%; font-weight:700; height:16px; padding:2px 2px 2px 18px; width:20px; }
.c_mark { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; text-align:center; width:1%; }
.c_forum { background:url(http://z3.ifrm.com/250/166/0/p118981/rowtest.gif) repeat-x bottom right #FFE8FC; color:#E757BE; font-size:80%; width:60%; }
.c_forum strong a,.c_last strong a { color:#FF0000; }
.c_forum strong a { font-size:112%; }
td.c_last { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom right #FFE8FC; font-size:85%; }
.c_forum-desc { color:#E757BE; font-size:85%; }
.c_last-title { background:url(http://z3.ifrm.com/250/166/0/p118558/test.gif) no-repeat left; display:block; line-height:16px; padding-left:10px; font-weight: 700; }
td.c_info-v,td.c_info-t,td.c_info-r { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #FFE8FC; font-size:80%; padding:5px; text-align:center; }
td.c_subforum { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; color:#E757BE; font-size:80%; font-style:italic; }
.cat_head td { border-color:#FE89EC; padding:0; }
#stats .cat_head td { border-color:#FC8AEA; }
.description { color:#E757BE; font-size:85%; }
a.member:hover { color:#F27BD6; }
td#stats_events a,td#stats_events span { background:url(http://z3.ifrm.com/250/166/0/p119558/mini_cal.png) no-repeat 2px; padding:4px 0 4px 20px; }
td.c_username { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; padding:2px 0; text-align:center; }
td.c_username a { font-size:140%; font-weight:700; }
td.c_user { font-size:80%; }
td.c_user dl { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; border:1px solid #FC8AEA; margin:10px 0; padding:5px 7px; width:160px; }
dl.user_profile { overflow:hidden; word-wrap:break-word; }
dl.user_profile dd { font-style:italic; margin-left:8px; }
dl.user_info dd { font-weight:700; margin-bottom:1px; }
#profile_menu ul { -moz-opacity:1; border-top:0; opacity:1; }
#profile_menu a { background:#FBB9F0; border:1px solid #FE89EC; width: 132px; padding:2px 6px; font-size: 10px; }
#profile_menu li li a { border-top:0; width: 132px; }
#profile_menu li ul li a:hover { background:#FE89EC; }
td.c_poll-choice label { font-weight:700; padding-left:1em; }
td.c_poll-votes { font-size:120%; text-align:center; width:15%; }
td.c_poll-bar div { background:url(http://z3.ifrm.com/250/166/0/p119028/polllr.jpg) no-repeat right; float:left; height:13px; padding-right:3px; }
td.c_poll-bar span { background:url(http://z3.ifrm.com/250/166/0/p119027/polll.jpg) no-repeat; display:block; float:left; height:13px; width:3px; }
td.c_poll-total { margin-bottom:6px!important; }
.editby,.queued { border:1px dotted #FC8AEA; color:#FC8AEA; font-size:85%; font-style:italic; margin-top:1em; padding:3px 5px; }
.queued { background-color:#FFE8FC; border-color:#D333AF; }
blockquote, #blog blockquote blockquote { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom #FFE8FC; border:1px solid #FC8AEA; margin:10px auto; padding-bottom:1px; width:98%; }
blockquote dl { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; border-bottom:1px solid #FC8AEA; color:#99207F; }
blockquote dl dt { color:#99207F; float:left; font-weight:700; }
code { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom #FFE8FC; display:block; font-family:Monaco, Consolas, "Courier New", Courier, monospace; white-space:normal; }
div.spoiler { border:1px solid #FC8AEA; border-top:0; padding:5px 7px; }
div.spoiler_toggle { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; border:1px solid #FC8AEA; color:#99207F; cursor:pointer; font-weight:700; padding:2px 4px; }
td.c_postinfo { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; color:#CF369E; font-size:80%; vertical-align:middle; }
td.c_sig { color:#99207F; font-size:80%; }
td.c_sig blockquote { background:none transparent; border:0; border-left:3px solid #FC8AEA; padding-left:5px; }
td.c_sig blockquote dl { background:none transparent; border:0; color:#E659C1; }
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd { color:#E659C1; padding:0; }
td.c_sig blockquote div { background:transparent; margin-left:5px; padding:0; }
tr.c_postfoot td, td.c_postfoot { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; clear:both; }
td.c_username { width:195px; }
.c_next a { display:block; font-size:125%; font-weight:700; text-align:center; }
td.c_view { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; color:#C624B1; }
div.c_view-list { color:#FC8AEA; font-size:92.5%; }
dl#fast-reply dt { background:url(http://z3.ifrm.com/250/166/0/p117872/midh2.gif) repeat-x top #FFE8FC; border:1px solid #E659C1; border-top: 0px; color:#FFF; font-size:90%; font-weight:700; margin:0; padding-top:5px; padding-bottom:5px; padding-left:12px; }
dl#fast-reply dd { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; border:1px solid #FC8AEA; padding:15px 0; text-align:center; }
#c_post-preview { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom #FFE8FC; border:1px solid #FE89EC; margin:0 auto 10px; padding:5px; text-align:left; width:98%; }
#c_post-resize span { color:#FC8AEA; cursor:pointer; font-size:225%; padding:20px 5px 0; }
#emot_wrap { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom #FFE8FC; border:1px solid #FC8AEA; }
#emot_wrap h3 { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; border-bottom:1px solid #FC8AEA; color:#A11E77; font-size:120%; text-align:center; }
#emot_end { border-top:1px solid #FC8AEA; display:block; font-weight:700; padding:4px 0; text-align:center; }
#pm_folders { border-left:1px solid #FC8AEA; border-right:1px solid #FC8AEA; padding-top:30px; vertical-align:top; width:150px; }
#pm_folderlist { position: relative; margin-left:0; margin-top:0 }
#pm_folderlist li { background:url(http://z3.ifrm.com/static/1/pmfolder.png) no-repeat 5px; display:list-item; margin-bottom:4px; padding-left:28px; }
#pm_forwarded { border:1px dotted #FC8AEA; color:#FC8AEA; font-size:90%; font-style:italic; margin-top:1em; padding:3px 5px; }
#ucp_gallery a { color:#99207F; font-weight:700; }
#ucp_gallery a:hover { color:#D333AF; }
.calendar td.cal_inactive { background:url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) repeat-x bottom #FFE8FC; color:#FC8AEA!important; }
.calendar td.cal_custom { background:#5040369; color:#f6f6f6!important; }
.calendar td div.cal_div { background:url(http://) repeat-x bottom #FFE8FC; font-weight:700; padding:5px 7px; }
.calendar div.cal_div a { background:url(http://z3.ifrm.com/250/166/0/p119557/s_minibday.png) no-repeat 5px; float:right; font-size:80%; font-weight:400; padding:0 0 6px 24px; }
.calendar li a,.calendar li span { border-color:transparent; border-style:solid; border-width:1px; display:block; padding:3px; }
.calendar td#cal_current { background:#FEE0F8; border:2px solid #FE89EC; }
div.portal_content { background:#FFE8FC; border:1px solid #FC8AEA; font-size:88.3%; margin:0; padding:5px 7px; }
#portal h2 { font-size:88.3%; }
#portal h4 { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; border-left:1px solid #FFA5F1; border-right:1px solid #FFA5F1; color:#C624B1;
font-size:88.3%; font-weight:400; margin:0; padding:5px 7px; }
#faq dt a {
color:#99207F;
font-size:120%; font-weight:700; }
#faq dd.faq_more a,#faq dl.faq_more a:hover { color:#FC8AEA; font-style:italic; }
.search_results { background:#FFE8FC; border:1px solid #FC8AEA; margin-bottom:1em; padding:5px 7px; }
.search_results h3 { display:inline; font-size:125%; }
.search_results cite,.search_results p { color:#C624B1; font-size:85%; margin:0; }
#findposts .c_mark { color:#D333AF; font-size:200%; font-weight:700; vertical-align:top; }
#pmtoast { background: url(http://z3.ifrm.com/250/166/0/p119791/pmbg.png) repeat-x bottom #FEF2FC; border:2px solid #E659C1; bottom:20px; color:#D333AF; display:none; font-size:90%; position:fixed; right:10px; text-align:right; text-decoration:none; width:200px; z-index:1; }
#pmtoast:hover { border-color:#A11E77; }
#pmlink { background:url(http://z3.ifrm.com/250/166/0/p119794/toast.png) no-repeat 5px; color:#D333AF; display:block; padding:10px 10px 10px 55px; text-decoration:none; }
#pmlink big { color:#D333AF; display:block; font-weight:700; padding-bottom:5px; }
#pmlink strong { color:#FC8AEA; }
#pmclose { border-top:1px solid #FE89EC; color:#D333AF; display:block; font-size:80%; padding:1px 10px; }
#pmclose:hover { color:#FE89EC; }
#foot_wrap { margin:20px 1px 20px 0; }
#foot td { background:#FFE8FC; border:1px solid #FC8AEA; color:#D333AF; font-size:80%; }
#foot a,#foot a:hover { color:#D333AF; }
#foot #foot_datetime { border-left:1px solid #FC8AEA; width:1%; white-space:nowrap; }
#copyright { color:#a52c8b; font-size:80%; margin:10px 0; text-align:center; font-weight: bold; display:none; }
#copyright a { color:#99207F; font-weight:700; }
#copyright a:hover { color:#a52c8b }
#c_tos h3 { color:#D333AF; font-size:120%; }
td.username_ok { background:#e0fae0; }
input.username_ok { outline:2px solid #0c0; }
td.username_no { background:#fae0e0; }
input.username_no { outline:2px solid #FC8AEA; }
#acplogin { background:url(http://z3.ifrm.com/250/166/0/p119216/acplogin.png) no-repeat; height:285px; left:50%; margin:-137.5px 0 0 -250px; padding:0; position:absolute; top:50%; width:510px; }
#acplogin table { margin-top: 130px; }
#acplogin h1 { display: none; }
#acplogin th { background: url(http://z3.ifrm.com/250/166/0/p117872/midh2.gif); padding: 5px; border: 1px solid #E659C1!important; }
#acplogin .c_mark img { display: none; }
a img { border:0; }
form { display:inline; margin:0; padding:0; }
.category h2,.topic h2,#portal h2 { padding:5px; text-align:center; }
h3 { padding:3px 0; }
input[type=checkbox] { background:transparent; border:0; padding:0; vertical-align:bottom; }
input[type=radio] { border:0; }
select { margin:0 7px; padding:0; vertical-align:bottom; }
option { margin:2px 0; }
button.btn_img { border:0; cursor:pointer; padding:0; }
.notice dt,.notice dd { padding:5px 7px; }
.drop_menu a img { vertical-align:bottom; }
.drop_menu li:hover ul,.drop_menu li.hover ul { left:auto; }
#submenu a { padding:3px 5px; }
#main { height:1%; padding:0 1%; }
#nav li img { vertical-align:middle; }
.meta_box,.meta_menu { margin:10px 0; }
.meta_box li { display:list-item; list-style-position:inside; list-style-type:square; margin-left:10px; }
.meta_menu ul { font-size:90%; margin:5px 5%; }
.meta_menu img,.meta_menu span { float:right; margin:10px 20px; }
.cat-pages a,.cat-pagesjump i,.cat-topicpages a { cursor:pointer; }
.cat-topicpages a { padding:0 2px; }
.cat-buttons,.topic-buttons { float:right; margin:15px 0; text-align:right; width:50%; }
tr.postbtn td { padding:5px; text-align:center; }
.row1,.row2 { line-height:1.4; }
td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button { padding:1px; }
td.c_desc img,td.c_desc input { float:left; vertical-align:middle; }
.category { margin:10px 0 0; }
span.collapse,span.uncollapse { cursor:pointer; float:right; position:relative; }
.c_mark img { display:block; margin:auto; }
.c_last { line-height:1.4; min-width:300px; width:30%; }
.category td.c_foot { height:10px; }
#stats_members { line-height:1.2; }
td.c_cat-mark,td.c_cat-icon { padding:5px 0; text-align:center; width:30px; }
td.c_cat-starter { width:125px; }
td.c_cat-lastpost { width:175px; }
.c_user { vertical-align:top; width:175px; }
img.c_user { height: 1px; }
.avatar, img.member { display:block; margin:auto; text-align:center; }
.av_wrap { overflow:hidden; text-align:center; margin:auto; }
td.c_user .usertitle { margin:3px 0; text-align:center; }
.pip { margin:3px 0; white-space:nowrap; }
dl.user_info dt,dl.user_info dd { padding:.1em; }
dl.user_info dt { float:left; margin:0; min-width:4em; }
dl.user_info dd.spacer,dl.user_profile dd.spacer { clear:both; float:none; height:1px; padding:0; }
td.c_poll-choice { line-height:1.5; padding-left:45%; }
td.c_poll-answer { text-align:right; width:42.5%; }
td.c_poll-bar { text-align:left; vertical-align:middle; width:42.5%; }
* html td.c_poll-bar span { margin-top:3px; }
td.c_post { line-height:1.7; vertical-align:top; }
td.c_post ul { list-style-type:square; margin-left:10px; }
.c_post img,#topic_review img { max-width:90%; }
.c_post-attachment { font-size:83.3%; margin-top:1em; padding:1em; }
.c_post-attachment dd { margin-left:1em; }
th.post_sep { font-size:1px; height:3px!important; }
td.c_sig,td.c_nosig { height:1%; vertical-align:top; }
td.c_nosig { border-top-style:hidden!important; background: url(http://z3.ifrm.com/250/166/0/p119141/normalrow.gif) bottom repeat-x; }
blockquote dl dt,blockquote dl dd { padding:2px 4px; }
blockquote div,blockquote code { margin:0; padding:5px; }
dl#fast-reply { clear:both; margin:auto; width:80%; }
dl#fast-reply dd p { margin:-3px; padding:0 5% 10px; text-align:left; }
dl#fast-reply dd textarea { display:block; height:100px; margin-bottom:10px; padding:2px; width:90%; }
#c_post-text { height:223px; }
#c_post-resize { float:right; margin-top:-1px; padding:4px 0 0; text-align:right; }
#btn_preview { float:left; margin:10px 0 0 1px; }
#c_emot { height:225px; vertical-align:top; width:210px; }
#emot_list { height:275px; margin:0 auto; overflow:auto; padding:5px 0; text-align:center; }
div#emot_list { padding:0; }
#emot_list li { display:inline; padding:4px 10px; }
#emot_list img { cursor:pointer; vertical-align:baseline; }
.pm { margin-bottom:1em; }
#pm_datesent { width:200px; }
#pm_select { text-align:center; width:1px; }
#conversation .c_post { padding:2em; }
#ucp_profile,#pm_messages { float:right; }
#ucp_settings img,#ucp_profile img { margin:18px 20px; }
#ucp_gallery li { float:left; margin:15px 5px; }
#ucp_gallery button { cursor:pointer; text-align:center; }
.ucp button.btn_text { padding:5px 0; text-align:center; width:100%; }
.calendar td { height:125px; padding:0; vertical-align:top; width:14.3%; }
.calendar li { display:list-item; font-size:80%; margin:0; }
.calendar li.placeholder { padding:4px; }
.calendar li span { cursor:default; }
.calendar td#cal_current div { padding-top:3px; background: #FEE0F8; }
#portal_head { margin-bottom:10px; }
#portal_foot { margin-top:10px; }
#portal_l,#portal_r { font-size:88.3%; margin:0; padding:0; }
#portal_l { float:left; width:200px; }
#portal_r { float:right; width:150px; }
#portal_news { margin:0 160px 0 210px; }
#portal_clear { background:transparent; border:none; clear:both; font-size:1px; height:1px; margin:0; padding:0; }
.portal_box { margin-bottom:5px; padding:1px; }
.portal_box table { clear:none; }
#portal h2,#portal_foot h2 { clear:none; margin:0; padding:5px 5px; border-left: 1px solid #E659C1; border-right: 1px solid #E659C1; }
#faq { margin:20px 0; }
#faq dl { padding:1em; }
#faq dt { margin-bottom:5px; }
#faq dd { display:list-item; margin:0 0 3px 15px; padding-left:3px; }
.search_results div { display:block; margin:5px 0; }
#acplogin #loginform { display:block; padding:0 50px; }
#portal h2 a,#portal_foot h2 a,thead a,#portal h2 a:hover,#portal_foot h2 a:hover, #top_info a,#top_info a:hover, thead a:hover,.drop_menu a,.drop_menu a:hover { color:#A11E77; text-decoration: none; }
#submenu a,#submenu a:hover, .category h2 a,.category h2 a:hover, .h2center a { color: #0000FF; }
.h2center a:hover { color: #FFECFB; text-decoration: underline; }
input,select,td,th { font-size:90%; }
button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt { font-weight:700; }
#submenu a:hover,.meta_menu a:hover { text-decoration:underline; }
.meta_box h3,td.c_topicfoot strong,#meta_welcome strong { font-size:100%; }
td.c_topicfoot { background:url(http://z3.ifrm.com/250/166/0/p117872/midh2.gif) repeat-x center #FFE8FC; }
td.c_topicfoot a:hover { color: #fff; }
.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover { color:#BF298F; }
.row2 td,blockquote div { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #ffddfa; }
.row2 { background:url(http://z3.ifrm.com/250/166/0/p118992/darkrow.gif) repeat-x bottom right #f8e6f6; }
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover { color:#D333AF; }
img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img { vertical-align:middle; }
h1,h2,h3,#nav,#boardmeta,#main { clear:both; margin:0; }
#meta_welcome,.search_results { clear:both; }
#stats_events { line-height:2; }
.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th { text-align:center; }
blockquote dl dd,#foot #foot_links { text-align:right; }
#c_post,#ucp_gallery { text-align:center; vertical-align:top; }
#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a { display:block; }
#ucp_settings,#pm_settings { float:left; }
#c_tos dd,#username_response { margin-left:10px; }
#vlx { z-index:1; }
#blog { background:#FAA8EA; border:1px solid #E659C1; color:#D333AF; margin:10px 0; }
#blog blockquote blockquote { padding: 0; font-size: 100%; }
#blog blockquote { background:none; border:none; font-size:85%; padding:0 10px; }
#blog h1 { float:right; }
#blog h2 { background:none; clear:none; font-size:130%; padding:0; }
#blog h2,#blog h2 a,#blog h2 a:hover { color:#D333AF; }
#blog_foot { clear:both; margin-bottom:20px; }
#blog_head { background:#FFE8FC; border:4px solid #FAA8EA; padding:10px 14px; }
#blog_head img.avatar { display:inline; }
#blog_head:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden; }
#blog_main { margin:20px 200px 10px 10px; }
#blog_categories,#blog_readers,#blog_about,div.blog_options { background:#FFE8FC; margin:15px 0; padding:5px 7px; }
#blog_sidebar h3,#blog_sidebar dt { color:#D333AF; font-weight:700; }
#blog_sub { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; border-top: 1px solid #E659C1; border-bottom: 1px solid #E659C1; clear:both; position:relative; padding:5px 7px; text-align:right; }
#blog_sub span { padding-top:4px; }
#blog_sidebar { background:#FDBDF1; float:right; font-size:93.3%; margin:20px 10px 0 0; padding:0 10px; width:160px; }
#blog_sidebar dd { margin-left:10px; }
#blog_user { font-size:175%; }
#blog table { clear:none; }
div.blog_options { font-size:90%; text-align:right; }
div.blog_date { background:url(http://z3.ifrm.com/250/166/0/p118384/th.jpg) repeat-x top #FED9F7; border:1px solid #FE89EC; color:#D333AF; float:right; font-weight:700; margin:0 15px; text-align:center; text-transform:uppercase; width:40px; }
div.blog_date span { background:#FFE8FC; border-top:1px solid #FC8AEA; color:#FC8AEA; display:block; font-size:130%; font-weight:700; padding:2px 4px; }
div.blog_entry { background:#FEE0F8; margin:10px 0; padding:5px 7px; }
#blog_comments li { padding:5px 7px; }
#blog_comments li.odd { background:#FFE8FC; }
#shoutwrap { background:#FFE8FC; border:1px solid #FC8AEA; font-size:88.3%; }
#shoutwrap td { padding:0; }
#shoutbox { background:url(http://c.upanh.com/upload/10/402/OVB0.14540555.bg_mod_21jpg.gif) no-repeat right top; height:250px!important;
#shoutbox li { padding:5px 7px; }
#shoutbox li.odd { background:#FFE8FC; }
#shoutbox dl,#shoutbox dt,#shoutbox dd { margin:0; padding:0; }
#shoutbox dt { color:#E659C1; font-size:80%; }
#shoutopts,#shoutpost { clear:both; text-align:center; }
/***** Three Piece H2 *****/ /* h2wrap is the center stretch.*/ .h2wrap { background: url(http://z3.ifrm.com/250/166/0/p117872/midh2.gif) repeat-x; }
/* h2left is the left image. */ .h2left { background: url(http://z3.ifrm.com/250/166/0/p119217/h2_left.gif) no-repeat top left; height: 32px; }
/* h2center is the text itself. */ .h2center { padding: 8px 0px 5px 54px; height: 32px; color: #FFFFFF; font-weight: bold; font-size:93.3%; }
/* h2right is the right image. */ .h2right { background: url(http://a.imageshack.us/img694/6478/forumhead.png) repeat-x right top; height: 32px; }
/* Collapse/Uncollapse Images */ .collapse,.uncollapse { right: 16px; top: -3px; }
thead td,thead th {padding:0px;background: inherit;border-width:0px;}
#main_content {width:90%;margin:0px auto;}
.calh2 { background: null!important;height: auto!important; font-weight: null; padding: 0px !important;border: null!important;}
/* Leave the above alone. For the bottom, style your profile h2's. */ .profile thead td,.profile thead th {padding:7px 5px 7px;background: url(http://z3.ifrm.com/250/166/0/p117872/midh2.gif) repeat-x top;border-width:0px;border-left: 1px solid #E659C1; border-right: 1px solid #E659C1;}
#foot_hearts { background: url(http://z3.ifrm.com/250/166/0/p119227/footer.png) repeat-x bottom #FFFFFF; height: 231px; }
.poll { margin-bottom: 10px;} .profile { margin-bottom: 10px;} .ucp { margin-bottom: 10px;} .notice info { margin-bottom:1px;}
a:hover {text-decoration:none; color:#D570EE; text-decoration:none; font-weight:bold; background-image:url(http://img651.imageshack.us/img651/7486/heartye.gif);}
.c_post img,#topic_review img { max-width:90%; }
a.view_full { insert CSS styling here; }
<head><LINK REL="SHORTCUT ICON" HREF="http://hoiquantinhoc.com/favicon.ico"> </head>
div#historybox { display: none; min-height: 120px; background-color: #FFF; text-align: center; width: 400px; left: 50%; margin-left: -200px; border: 1px solid #5A70B3; }
#historybox a { position: relative; left: 125px; }
div#hisloading { display:none; vertical-align: center; }
AND HERE'S MY DROP_MENU CODE
- Code:
-
</script> <ul class="drop_menu"> <li><a href="javascript:void(0);">Chức Năng </a> <ul> <li><a href="http://trian4rum.tk/search/?c=5">Bài Viết Mới Nhất</a></li> <li><a href="http://trian4rum.tk/online">Ai Đang Truy Cập</a></li> <li><a href="http://trian4rum.tk/members/?topten">Thành Viên Tích Cực</a></li> <li><a href="http://trian4rum.tk/faq/">FAQ</a></li> <li><a href="http://trian4rum.tk/stats/feed/">RSS</a></li> <li><a href="http://trian4rum.tk/members/">Thành Viên</a></li> <li><a href="http://trian4rum.tk/search/">T́m Kiếm Mặc Định</a></li> <li><a href="http://trian4rum.tk/forum/3602431/">Thông Báo Mới Nhất</a></li> </ul>
<li><a href="http://trian4rum.tk/search/">Trang Cá Nhân </a> <ul> <li><a href="http://trian4rum.tk/home/?c=32">Thay Đổi Chữ Kí</a></li> <li><a href="http://trian4rum.tk/home/?c=10">Thay Đổi Avatar</a></li> <li><a href="http://trian4rum.tk/home/?c=6">Bổ sung Thông Tin</a></li> <li><a href="http://trian4rum.tk/msg/">Hộp Thư</a></li> <li><a href="http://trian4rum.tk/search/?c=6">Theo Dơi Đề Tài</a></li> <li><a href="http://trian4rum.tk/home/?c=39">Blog Cá Nhân</a></li>
</ul> </li> <li><a href="javascript:void(0);">Chuyên Mục</a> <ul> <li><a href="http://http://trian4rum.tk/forum/3590904/">Trang Chủ Diễn Đàn</a></li> <li><a href="http://trian4rum.tk/forum/3591003/">CLB Tiếng Anh</a></li> <li><a href="http://trian4rum.tk/forum/3591005/">Đề Thi & Kiểm Tra</a></li> <li><a href="http://trian4rum.tk/forum/3605958/"> Làm Bài Tập Online</a></li> <li><a href="http://trian4rum.tk/forum/3663099/">Tư Liệu Giáo Dục</a></li> <li><a href="http://trian4rum.tk/forum/3594406/">Giải Trí 24h</a></li> <li><a href="http://trian4rum.tk/forum/3594389/">Không Gian IT</a></li> </ul>
<li><a href="javascript:void(0);">CLB Tiếng Anh</a> <ul> <li><a href="http://trian4rum.tk/forum/3591003/">Thảo Luận Chung</a></li> <li><a href="http://trian4rum.tk/forum/3591005/">Đề Thi & Kiểm Tra</a></li> <li><a href="http://trian4rum.tk/forum/3605958/">Làm Bài Tập Online</a></li> <li><a href="http://trian4rum.tk/forum/3663110/">Cao Đẳng & Đại Học</a></li> <li><a href="http://trian4rum.tk/forum/3663108/">Lớp 12</a></li> <li><a href="http://trian4rum.tk/forum/3663107/">Lớp 11</a></li> <li><a href="http://trian4rum.tk/forum/3663101/">Lớp 10</a></li> </ul>
<li><a href="javascript:void(0);">Nên Xem</a> <ul> <li><a href="http://trian4rum.tk/forum/3597028/">Cười Chút Thôi</a></li> <li><a href="http://trian4rum.tk/forum/3649195/">Kính Đa Tṛng</a></li> <li><a href="http://trian4rum.tk/forum/3597026/">Văn Học & Thơ Ca</a></li> <li><a href="http://trian4rum.tk/forum/3594402/">Thủ Thuật Vi Tính</a></li> <li><a href="http://trian4rum.tk/forum/3594405/">Thủ Thuật Điện Thoại</a></li> <li><a href="http://trian4rum.tk/forum/3594410/">Web & Blog</a></li> <li><a href="http://trian4rum.tk/forum/3674561/">H́nh Ảnh & Trang Trí</a></li> </ul> <li><a href="http://trian4rum.tk/forum/3590904/"> THPT Trị An</a> <ul> <li><a href="http://trian4rum.tk/forum/3591026/">Tuyển Sinh</a></li> <li><a href="http://trian4rum.tk/forum/3674510/">Thông Báo</a></li> <li><a href="http://trian4rum.tk/forum/3591006/">Học Sinh & Giáo Viên</a></li> <li><a href="http://trian4rum.tk/forum/3591015/">Hỏi & Đáp</a></li> <li><a href="http://trian4rum.tk/forum/3594512/">Thư Góp Ư</a></li> </ul> </ul> </div> </div> <script type="text/javascript">if (/chrome/i.test(navigator.userAgent)) $("#submenu > ul").css("right","1024px");</script> <script type="text/javascript"> $("#top_menu").appendTo("#submenu"); $("#top_info").appendTo("#logo"); </script>
+ THANKS IN ADVANCE! - I put my code in TEST 4RUM http://s4.zetaboards/etip - My main boardshttp://trian4rum.com - For further information, please contact my YM(phuonghoangdn7) p/s: if I post in wrong box , please move it! I NEED YOUR SUPPORT
|