查看完整版本: 需要專業網頁設計達人～求解

論壇 › PHP 語言 › 需要專業網頁設計達人～求解

ki06010428 發表於 2014-3-12 04:02 AM

需要專業網頁設計達人～求解

本帖最後由 ki06010428 於 2014-3-12 04:03 AM 編輯

我想請教各位大大
我朋友想經營一個交友網站
但是他的主頁的邊框線條有點不對稱
中間的框框有點超出格子
我想請問
有關於修改那邊框框的語法
是在我們語法裡的哪個位置
或是要改圖片之類的
以下是網址：www   chineseloveletter   com  (中間自行加.）
在 Find your Perfect Asian Match Today
這串英文的兩邊
邊框都超出格子了
我想請問如何修改
主題全局的css如下
我也不知道是不是修改這邊＠＠
全部貼上來給大大們參考
/* page body
---------------------------------------------------------------------------- */

body {
font-size:85%;
font-family: Arial, sans-serif;
color:#444444;
background: #ffffff;
padding: 0px 0 10px 0;
margin: 0;
}
h1, h2, h3{

padding: 0;
margin: 0;
color:#941094;
}
p { color:#444444; }
h2 {
font-size:21px;
font-weight:bold;
color:#941094;
text-align:left;
}
h3 {
font-size:14px;
font-weight:bold;
color:#941094;
text-align:left;
}

/* MAIN HEADER BAR, OFTEN WHERE THE LOGO IS */

/* MAIN CONTAINER, SITES UNDER THE HEADER */
#page_container {
background: white; display:block; border:1px solid white;
}
/* THIS IS THE INNER CONTENT WRAPPER, FILLS THE CONTENT SECTION NOT THE MENU BAR */
#main_content_wrapper {
background: transparent url('../../../images/body_wrapper_top.jpg') top left no-repeat; margin-right:10px;
}

#main_wrapper_bottom {
/*background: transparent url('../../../images/v14_purple/main_wrapper_bottom.jpg') no-repeat top right; margin-right:5px;*/
height:49px; display:none;
}
#top_banner { margin-top:30px; margn:0px; padding:0px; float:right;}
#top_banner img { margin-right:20px;}


/* page footer
---------------------------------------------------------------------------- */

#page_footer {        margin-bottom:0px; }
#page_footer .footer_menu { background: #6B6A6C; margin-bottom:0px;}
.footer_tabs a { color: #997A7F; }
#bottomBar{        color: #fff; background: #941094; }
#bottomBar h4{ background-color: #DB3D31; color:#ffffff; }
#bottomBar .col1 li, #links li {        border-bottom:1px dotted #ffffff;        }


/* two main buttons
---------------------------------------------------------------------------- */

/*A.MainBtn, input.MainBtn {background: #941094; color:#ffffff; }*/
/*A.NormBtn, input.NormBtn {background: url( '../../images/DEFAULT/_buttons/bg-grygradlarge.gif' ) 0px 0px repeat-x; }*/


/* link styles
---------------------------------------------------------------------------- */

a { color:#333333; }
a:active { color:#333333; }

/* GREY TABLE BACKGROUND AND BAR ON THE HOME PAGE, CALENDAR AND CLASSADS PAGE
---------------------------------------------------------------------------- */

.inner_nav_bar { background: #6B6A6C; color:#ffffff; font-weight:bold; }
.inner_nav_body { border:1px solid #eeeeee; background: url('../../../images/DEFAULT/_acc/home_style2_tbg2.jpg') repeat-x bottom left; }

/* SIDE MENU BAR STYLES
---------------------------------------------------------------------------- */

#side_box { margin-left:0px; }
#side_box .menu_box_body, .menu_box_body1, .album-gallery li, #FolderBody .gallery li{ background: #ffffff;border-left:1px solid #C8C8C8; border-right:1px solid #C8C8C8; border-bottom:1px solid #C8C8C8;
}
#side_box .menu_box_body { border-top:1px solid #C8C8C8; }
#side_box .menu_box_body, #side_box .menu_box_title { }
#side_box .menu_side span { color:#333333;}
#side_box .menu_box_title, .menu_box_title1 { background: #6B6A6C; color:#ffffff; font-weight:bold; height:21px; line-height:29px;}
#side_box .menu_box_title span, .menu_box_title1 span { display:none; }

/* TOP MENU BAR AND SUBBAR
---------------------------------------------------------------------------- */

.menu { margin-left:0; background: #941094;border-top:2px solid white; }
.sub_menu {        background: #eeeeee; }
.menu, .sub_menu { width:940px; margin:left:0px; margin-right:0px; }

/* MENU BOX EXPAND---------------------------------------------------------------------------- */

.menu_expand {        background: #23A8D7 url("../../../images/DEFAULT/_acc/menu_background_expand.gif") no-repeat 0 0; cursor:pointer;}
.menu_noexpand {background: #23A8D7 url("../../../images/DEFAULT/_acc/menu_background_noexpand.gif") no-repeat 0 0; cursor:pointer;}
.menu .i1 { margin-left:10px;}
.tabs li a{        color: #fff; margin-right:2px; font-size:100%;line-height:40px;}
.tabs li a:hover, .tabs li .selected { color: #fff;}
.tabs li .selected {}
.tabs li a:hover { color: #cccccc;}
.sub_tabs li a {color:#666; }
.sub_tabs li a:hover { border-bottom:2px solid #941094; }


/* MEMBERS ONLINE TEXT IN MENU BAR
---------------------------------------------------------------------------- */

.onlinenow a { color:#666666; font-size:12px;}

/* ACCOUNT PAGE STYLES
---------------------------------------------------------------------------- */

#Acc_Heading { margin-top:5px;}
#Acc_Heading .title { color:#ffffff; font-size:130%; margin:0px;}
#Acc_Heading .text { font-size:110%; color:#ffffff; }
#Acc_Heading .a1 img { border:3px solid #ffffff;}
/* MAIN ACCOUNT BOXEX */
.CapTitle { background:#6B6A6C; display:none;}
.CapBody { background: #F1F1F1 url('../../../images/DEFAULT/_acc/inner_box_bg.gif') repeat-x; border:1px solid #cccccc;}
/* SEARCH RESULTS BAR */
#eMeetingContentBox #Results { background: #e1e1e1; border-bottom:1px solid #eeeeee;}
.search_display_on { background:#FCE4F2;}
.search_display_off { background:transparent;}

/* INNER BACKGROUND IMAGES DISPLAYED AT THE TOP OF MOST PAGES
---------------------------------------------------------------------------- */

.TopVideos, .TopTour, .TopUpgrade, .TopSettings, .TopRegister, .TopMusic, .TopMessages, .TopMatches, .TopMap, .TopLogin, .TopLinks, .TopInvite, .TopGroups, .TopGames,
.TopGallery, .TopForum, .TopFAQ, .TopContact, .TopAdverts, .TopChatRoom, .TopCalendar, .TopBlog, .TopArticles, .TopAffiliate, .TopAccount
span { color:#ffffff; font-weight:bold; }

.TopVideos, .TopTour, .TopUpgrade, .TopSettings, .TopRegister, .TopMusic, .TopMessages, .TopMatches, .TopMap, .TopLogin, .TopLinks, .TopInvite, .TopGroups, .TopGames,
.TopGallery, .TopForum, .TopFAQ, .TopContact, .TopAdverts, .TopChatRoom, .TopCalendar, .TopBlog, .TopArticles, .TopAffiliate, .TopAccount
{ background: url(../../../inc/templates/v14_purple/images/inner_top_menu.jpg) no-repeat; }


/* PROFILE PAGE STYLES
---------------------------------------------------------------------------- */

#ProfileHead { background: #941094 url('../../../images/DEFAULT/profile_backdrop.png') repeat-x top left;} /* LEAVE IMAGE FOR PROFILE BACKDROP */
#ProfileUsernameBox h1, #ProfileUsernameBox h2, #ProfileUsernameBox p { color:white; }
#profile_nav_bar { background: #8BA6C3; }
.profile_tabs li a { color:white;}
.profile_tabs .selected a{ color:#E54539; }
#profile_menu_display { background:#eeeeee;        border: 1px solid #999999;}
.profile_box_title { background-color: #eeeeee; border:1px solid #999999; width:395px; font-size:12px; margin-left:8px; border-bottom:0px;}
.profile_box_title .goL h1 { color:#666666; }
.profile_box_body { border: 1px solid #999999; width:395px; margin-left:8px;}

#ProfileOptionsBox { border:1px solid #999999; background:#eeeeee; }


/* home page styles
---------------------------------------------------------------------------- */

/* SLIDER BACKGROUND COLOR */
.pagination a:hover, .pagination a.selected{ background: #941094; color:white;}
.pagination a { background: #4C9DDF; border-bottom:1px solid white; color:white; }
.sliderwrapper { height:273px; }
.HomeSearch { color:white; }
.HomeMembers { color:white;}
.s5_searchbox { color:#666666; }

/* CONTROL BAR MENU
---------------------------------------------------------------------------- */

#MenuControlHead .user_name { color:white; }
#MenuControlHead { background: url('../../../images/DEFAULT/_acc/control_t1.png') no-repeat; }
#MenuControlList li { background: #333333 url('../../../images/DEFAULT/_acc/control_icon.gif') no-repeat; }
#MenuControlBody .ListDisplay {background: url('../../../images/DEFAULT/_acc/control_tbg.gif'); }
#MenuControlBody .ListDisplay_text {color:white; background:black;}
#MenuControlBody .user_status { color:white; }
#MenuControlBody { background:black; color:white; }
#MenuControlBot { background: url('../../../images/DEFAULT/_acc/control_t3.gif') no-repeat; }
#MenuControlBot a { color:#666666; }

/* rounded coners
---------------------------------------------------------------------------- */

.b1f, .b2f, .b3f, .b4f, .contentf { background: #efefef; color: #333333;}

#copyright_bar { background: #6B6A6C; }
#copyright_bar a { color:white; }
...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div><div></div>

shuzilin 發表於 2014-3-12 05:54 AM

本帖最後由 shuzilin 於 2014-3-12 05:54 AM 編輯

這屬於 CSS, 要嘛
1. 選單邊框變動
.menu 的 border-top 改成 border-top: solid white;
再加上 border : 2px 0px 1px 1px;

2. 或是主要內容的邊框拿掉
#page_container 的 border 改成 border : 0px;