สอบถามเรื่องธีมจูมล่าค่ะ

พูดคุย phpBB3, SMF ปัญหา การติดตั้ง ปัญหา การลง Mod การแก้ไข หน้าตาบอร์ด การใช้งาน Joomla 1.5, 1.6, 1.7, 2.5 ,3.x และเร็วๆนี้ Joomla จะออกเวอร์ชั่น 4.0 การใช้งาน wordpress และ CMS อื่นๆ
การตั้งคำถาม ควรระบุรุ่นที่ใช้ ในการตั้งคำตามด้วย นะ เช่น SMF 1.1.4 หรือ SMF2.0 Joomla 1.0 joomla 3.8 และ รายละเอียดของ server OS , php เวอร์ชั่นไหน ฐานข้อมูลอะไร

Moderator: mindphp

Forum rules
คำถามหมวดนี้ ควรระบุ รายละเอียดของ Server OS, เวอร์ชั่น ของ PHP, CMS ที่ท่านใช้
รวมถึง Hosting หรือ Control Panel Hosting
rvp_ketsaraporn
PHP Newbie
PHP Newbie
Posts: 2
Joined: 14/07/2009 6:57 pm

สอบถามเรื่องธีมจูมล่าค่ะ

Post by rvp_ketsaraporn »

รบกวนถามผู้รู้ด้วยค่ะ
1.ต้องการทำในพื้นสีดำที่เห็นอยู่บนสุด เปลี่ยนเป็นตัวหนังสือวิ่งต้องทำยังไงค่ะ
2.ต้องการลบกลุ่ม 2 กลุ่ม นี้ทำไงดีค่ะ กลุ่มที่ชื่อ ข้อมูลทางสถิติจากหน่วยงานภายนอก อีกกลุ่มที่ขึ้นชื่อว่า Box title ต้องเปลี่ยนหรือแก้โค้ดตรงส่วนใดบ้างค่ะ
ลองทำหลายรอบลบโน่นลบนี่ก๋ทำไม่ได้สักทีรบกวนผู้รู้ด้วยค่ะ
ขอบคุณมากค่ะ

โค้ดมีดังนี้ค่ะ


/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
height: 100%;
margin-bottom: 0px;
}

form {
display:inline;
}

body {
margin: 0px 0px 0px 0px;
width: 100%;
display: table;
}

body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #551A8B;
line-height:20px;
background-color:#EED2EE;
}

a:link, a:visited {
text-decoration: none;
font-weight: normal;
}

a:hover {
text-decoration: underline;
font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom:5px; }

img { border: 0 none; margin:0px; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0px;
margin: 0px;
margin-bottom: 0px;
}

div#top_menu{
height:54px;
margin:0px auto;
width: 980px;
}
#topnav{ height: 54px; width:980px; margin: 0px; padding:0px; font-weight: bold; }
#topnav ul { margin: 0px 0px ; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 54px; float: left; position: relative; }
#topnav ul li a{ color: #FF00FF; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:40px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #FF00FF; }
#topnav ul li ul ul { margin: -50px 0 0 11em; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #000000; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }

div#main_bg{
margin:0px auto;
width:990px;
text-align:left;
}

div.banner1{ background: #FFF url(../images/RVP logo ISO.jpg) top center no-repeat; }

div#h_area{
margin:0px auto;
width: 965px;
text-align:left;
padding-left:10px;
padding-top:10px;
}
.logo{
display: block;
float:left;
padding-top:230px;
margin-bottom:30px;
margin-left:30px;
width:600px;
}
a.logo,a.logo:link,a.logo:hover, a.logo:visited{
font-size:23px;
line-height:25px;
color:#9400D3;
text-decoration:none;
font-weight:bold;
font-family:"Trebuchet MS",Arial;
}
div#user4{
float:right;
text-align:right;
margin-right:60px;
}
div#user4 div.search{
width:280px;
height:35px;
text-align:left;
padding-top:1px;
background: url(../images/search_bg.gif) top left no-repeat;
}
div#user4 div.search .inputbox {
background:#FFFFFF;
width: 150px;
height: 16px;
margin-left:75px;
font-size: 15px;
color: #FF0000;
padding:5px 2px 2px 2px;
border: 1px solid #D3D3D3;
}
div#main_top table.contentpaneopen{
padding:0px;
margin-top:50px;
margin-left:50px;
width:156px;
height:164px;
overflow: auto;
text-align:left;
color:#7CFC00;
}
div#main_top table.contentpaneopen td{
color:#7CFC00;
}

div.box1, div.box2, div.box3,div.box4{
margin:0px auto;
width:950px;
height:190px;
padding:0px;
}
.search {
text-align:left;
width: 156px;
height:17px;
}
.search .inputbox {
background:#FFFFFF;
width: 156px;
height: 17px;
font-size: 14px;
color: #0000FF;
margin:9px 0px 0px 20px;
border: 1px solid #D3D3D3;
}
#leftcolumn{
margin-left:9px;
padding:0px;
width:205px;
float:left;
}
#rightcolumn{
margin-right:9px;
padding:0px;
width:205px;
float:right;
}
#maincolumn{
width:500px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
#maincolumn_middle{
width: 740px;
float:center;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
#maincolumn_big{
width: 800px;
float:left;
margin:0px 5px 0px 5px;
padding:0px;
overflow:hidden;
}
div.path{
margin:0px 0 0 0px;
padding:25px;
padding-left:50px;
background:url(../images/home-icon.jpg) top left no-repeat;
}
div.nopad {
float:center;
padding:0 0px 15px 0px;
}

div.nopad ul {
clear: both;
}
.article_separator {
height:10px;
line-height:10px;
}
form#form-login fieldset {
border: none;
margin: 0;
margin-left:10px;
}
form#form-login ul li{
padding: 0;
}

form#form-login ul li a {
text-align: left;
padding: 0px;
font-size: 12px;
color:#FF8C00;
}

#leftcolumn div.module_menu, #leftcolumn div.module{
margin: 10px 0px 0px 0px;
padding:0px;
width: 205px;
}
.article_column {
padding-right:10px;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
margin: 10px 0px 0px 0px;
padding: 0px;
width: 205px;
}
div.bannergroup_text {
margin:0px 13px 15px 13px;
}
.bannerheader {
font-weight:bold;
margin-bottom:10px;
}
.banneritem_text {
margin-bottom:10px;
}
.bannerfooter_text {
margin-bottom:10px;
}
#leftcolumn div.module_menu div div div, #leftcolumn div.module div div div,
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
background: url(../images/rub_bottom.png) center bottom no-repeat;
}
#leftcolumn div.module_menu div div div, #leftcolumn div.module div div{
margin: 0px;
padding: 0px;
padding-bottom:5px;
width: 205px;
height:auto;
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
background: none;
padding:4px 8px;
}
#leftcolumn h3,
#rightcolumn h3{
text-align: left;
padding-left:15px;
height: 42px;
width: 190px;
line-height: 40px;
color:#FFFFFF;
font-size:16px;
margin:0px;
font-weight:bold;
}
table.poll thead td {
text-align: left;
padding-left:10px;
}
table.poll td {
text-align: left;
}
#leftcolumn ul.menu li ul{
list-style: none;
}
.pollstableborder {
margin: 5px 0px 10px 0px;
}
.poll td div{
display:inline;
}

/* forms */

#leftcolumn .moduletable ul,
#rightcolumn .moduletable ul {
margin: 6px 0;
padding: 0;
list-style: none;
}

#leftcolumn .moduletable ul li,
#rightcolumn .moduletable ul li {
margin: 0;
padding: 0 2px;
}
.moduletable ul {
padding:5px 10px 5px 12px;
margin:0px;
}

.moduletable ul li {
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
#leftcolumn ul.menu li#current ul li,
#rightcolumn ul.menu li#current ul li {
margin: 0px;
padding: 0px;
}
ul.menu {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.menu li{
padding:0px 10px 5px 15px;
margin:0px;
}

ul.menu li ul {
padding:0px 0px 5px 0px;
margin:0px;
}
ul.menu li ul li{
padding:0px 0px 0px 15px;
border:none;
}
ul.menu li#current ul li a{
margin-left:15px;
text-decoration:none;
}
ul.mostread {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.mostread li{
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
ul.latestnews {
padding:5px 10px 5px 12px;
margin:0px;
}
ul.latestnews li{
padding:0px 10px 5px 15px;
margin:0px;
line-height:18px;
}
div.componentheading{
font-size:16px;
font-size:19px;
margin:7px auto;
}
td.contentheading{
font-weight:normal;
vertical-align:top;
font-size:18px;
height:30px;
color:#0000EE;
background: url(../images/contentheading_ico.png) left top no-repeat;
}
table.contentpaneopen td.contentheading{
padding-left:34px;
}
table.contentpaneopen{
border-collapse: collapse;
margin-left:5px;
}
td.buttonheading{
padding:0px 4px 0px 4px;
}
table.contentpaneopen td{
padding:0px;
}
.contentpaneopen p{
line-height:20px;
}
span.small, td.createdate, td.modifydate{
font-size:12px;
color:#0000EE;
}
span.pagination span, span.pagination a{
padding:5px;
}

div#f_area{
background: #FFF url(../images/f_area_bg.png) top center no-repeat;
margin:0px auto;
width: 978px;
text-align:left;
margin-bottom:3px;
}
#f_area div.moduletable, #f_area div.moduletable_menu{
float: left;
margin:10px 4px 10px 6px;
width: 234px;
}
#f_area h3{
text-align: left;
vertical-align:bottom;
height: 30px;
width: 180px;
color:#0000EE;
font-size:16px;
font-family:"Trebuchet MS", Tahoma, Verdana;
margin:0px;
padding-left: 54px;
padding-top:20px;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
float:left;
padding-left: 25px;
}

ควรจะต้องลบ หรือเพิ่ม Code อะไรตรงไหนบ้างค่ะ
ขอบคุณมากค่ะ
Attachments
111.jpg
111.jpg (100.01 KiB) Viewed 749 times

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 24429
Joined: 22/09/2008 6:18 pm
Contact:

Re: สอบถามเรื่องธีมจูมล่าค่ะ

Post by mindphp »

ถ้าต้องการแบบสำเร็จรูปต้องโหลดโมดูลมาใช้ครับ
ลองดูตัวนี้
http://extensions.joomla.org/extensions ... llers/5972
หรือดูตามหมวดนี้
http://extensions.joomla.org/extensions ... -scrollers

ส่วนตำแหน่งในการแสดงผล ขึ้นอยู่กับ template ที่ใช้ครับ ไม่เกี่ยวกับ css
ถ้าจะแก้ ตำแหน่งในการแสดง ผล ต้องแก้ที่ ไฟล์ index.php
ลองดูบทความนี้ประกอบ
https://www.mindphp.com/modules.php?name ... le&sid=104

แล้วเพิ่ม templateDetails.xml ด้้วย ข้อมูลอยู่ในบทความ
เช่น

Code: Select all

	<positions>
		<position>search</position>
		<position>menu</position>
		<position>menu1</position>
		<position>breadcrumbs</position>
		<position>promotion</position>
		<position>left</position>
		<position>right</position>
	</positions>
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042

Post Reply

Return to “ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM”

Who is online

Users browsing this forum: Bing [Bot] and 1 guest