|
 |
| |
---------------- ใครพอชำนาญเรื่อง css บ้างครับ ------------------ |
| |
 |
|
|
 |
 |
|
<li style="display: inline"> ได้ป่าวคับ
ผมว่าบางทีเราจะใช้ class หมดมันก็ไม่ถูกนะ เพราะคิดว่า css มันโหลดแยก คิดว่าพวกจัดหน้าควรอยู่ในแท็คเลยดีกว่า ส่วนความสวยงามลูกเล่นให้อยู่ใน class style sheet
|
 |
 |
 |
 |
| Date :
2009-12-07 13:51:20 |
By :
pjgunner |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
อ้อ ไม่ผิดครับ
เพราระสองโพสท์ นั้น โค้ดไม่เหมือนกัน
คือ เว็บผม ตอนโพสท์สามารถเลือก style ได้ 4 แบบ ครับ
ซ้าย ขวา บน ล่าง
------------
โค้ดอันแรกนั้น เป็น post-left
นี่ครับ
โค้ดของผม ผมเช็คโค้ด แล้ว ไม่น่าวางผิดครับ
Code (PHP)
<div class="post-left table" id="post-id-<?php echo $post['post_id'] ?>">
<div class="left td">
<div class="poster-info">
<h4 class="poster-name"><?php echo poster_format( array('id' => $post['author_id'], 'name' => $post['author_name'], 'open' => $usergroup[$post['usergroup_id']]['usergroup_opentag'], 'close' => $usergroup[$post['usergroup_id']]['usergroup_closetag'], 'nickname' => $post['user_displayname'])) ?></h4>
<div class="avatar">
<?php
if ( $post['user_avatar'] != '' ):
$url = condition( ( strpos( $post['user_avatar'],'http://') !== false ), $post['user_avatar'], $dir['avatar'] . $post['user_avatar']);
?>
<img src="<?php echo $url ?>" alt="" title="" />
<?php
else:
?>
<img src="<?php echo $dir['avatar'] ?>noavatar.png" alt="" title="" />
<?php
endif;
?>
</div>
<dl>
<dt><?php echo $phrase['post_info_post_count'] ?></dt>
<dd><?php echo dy_number_format($post['post_count']) ?></dd>
<dt><?php echo $phrase['post_info_topic_count'] ?></dt>
<dd><?php echo dy_number_format($post['topic_count']) ?></dd>
<dt><?php echo $phrase['post_info_joint_date'] ?></dt>
<dd><?php echo dy_datetime($post['register_datetime']) ?></dd>
</dl>
</div>
</div>
<div class="right td">
<div class="post-info">
<h4 class="post-title">
<?php
if ( $post['post_icon_id'] ):
?>
<img alt="<?php echo $phrase['post_icon_' . $post['post_icon_id']] ?>" title="<?php echo $phrase['post_icon_' . $post['post_icon_id']] ?>" src="<?php echo $dir['post_icon'] . $post_icon[$post['post_icon_id']]['icon_image'] ?>" />
<?php
else:
?>
<img alt="<?php echo $phrase['post_icon_' . $post_icon['default']['icon_id']] ?>" title="<?php echo $phrase['post_icon_' . $post_icon['default']['icon_id']] ?>" src="<?php echo $dir['post_icon'] . $post_icon['default']['icon_image'] ?>" />
<?php
endif;
?>
<?php echo $post['post_title'] ?></h4>
<div class="post-text">
<div class="post-like-control">
<ol>
<li class="button-like"><a title="<?php echo $phrase['post_like'] ?>" href="<?php echo createURL( array( 'module' => 'forum', 'mode' => $mode_text['addlike'], 'like' => 1, 'post' => $post['post_id'], 'topic' => $post['topic_id']), true ) ?>"><span><?php echo $phrase['post_like'] ?></span></a></li>
<li class="button-unlike"><a title="<?php echo $phrase['post_unlike'] ?>" href="<?php echo createURL( array( 'module' => 'forum', 'mode' => $mode_text['addlike'], 'like' => -1, 'post' => $post['post_id'], 'topic' => $post['topic_id']), true ) ?>"><span><?php echo $phrase['post_unlike'] ?></span></a></li>
<li class="post-like-score"><span><?php echo dy_number_format( $post['post_like'] - $post['post_unlike']) ?></span></li>
</ol>
</div>
<?php echo txt_UNhtmlspecialchars( $post['post_text'] ) ?>
</div>
</div>
</div>
<div class="post-other clear">
<div class="post-date-time">
<?php echo replace_phrase($phrase['post_on_x_date_x_time'], array('{1}' => dy_date($post['post_datetime']), '{2}' => dy_time($post['post_datetime']))) ?>
</div>
<div class="post-control">
<ol>
<?php if ( $post['can_edit_post'] ): ?>
<li class="button-edit-post"><a title="<?php echo $phrase['button_edit_post'] ?>" href="<?php echo createURL( array('module' => 'forum', 'mode' => $mode_text['editpost'], 'id' => $post['post_id']), true) ?>"><?php echo $phrase['button_edit_post'] ?></a></li>
<?php endif; ?>
<?php if ( $post['can_delete_post'] ): ?>
<li class="button-delete-post"><a title="<?php echo $phrase['button_delete_post'] ?>" href="<?php echo createURL( array('module' => 'forum', 'mode' => $mode_text['deletepost'], 'id' => $post['post_id']), true) ?>"><?php echo $phrase['button_delete_post'] ?></a></li>
<?php endif; ?>
<?php if ( $post['can_quote_post'] ): ?>
<li class="button-quote-post"><a title="<?php echo $phrase['button_quote_post'] ?>" href="<?php echo createURL( array('module' => 'forum', 'mode' => $mode_text['quotepost'], 'id' => $post['post_id']), true) ?>"><?php echo $phrase['button_quote_post'] ?></a></li>
<?php endif; ?>
<?php if ( $post['can_reply_post'] AND ! $post['first_post'] ): ?>
<li class="button-reply-post"><a title="<?php echo $phrase['button_reply_post'] ?>" href="<?php echo createURL( array('module' => 'forum', 'mode' => $mode_text['replypost'], 'id' => $post['post_id']), true) ?>"><?php echo $phrase['button_reply_post'] ?></a></li>
<?php endif; ?>
</ol>
</div>
</div>
</div>
อันนี้ top
Code (PHP)
<div class="post-top table" id="post-id-<?php echo $post['post_id'] ?>">
<div class="top">
<div class="poster-info table">
<div class="left td">
<h4 class="poster-name"><?php echo poster_format( array('id' => $post['author_id'], 'name' => $post['author_name'], 'open' => $usergroup[$post['usergroup_id']]['usergroup_opentag'], 'close' => $usergroup[$post['usergroup_id']]['usergroup_closetag'], 'nickname' => $post['user_displayname'])) ?></h4>
<div class="avatar">
<?php
if ( $post['user_avatar'] != '' ):
$url = condition( ( strpos( $post['user_avatar'],'http://') !== false ), $post['user_avatar'], $dir['avatar'] . $post['user_avatar']);
?>
<img src="<?php echo $url ?>" alt="" title="" />
<?php
else:
?>
<img src="<?php echo $dir['avatar'] ?>noavatar.png" alt="" title="" />
<?php
endif;
?>
</div>
</div>
<div class="right td">
<dl>
<dt><?php echo $phrase['post_info_post_count'] ?></dt>
<dd><?php echo dy_number_format($post['post_count']) ?></dd>
<dt><?php echo $phrase['post_info_topic_count'] ?></dt>
<dd><?php echo dy_number_format($post['topic_count']) ?></dd>
<dt><?php echo $phrase['post_info_joint_date'] ?></dt>
<dd><?php echo dy_datetime($post['register_datetime']) ?></dd>
</dl>
</div>
</div>
</div>
<div class="bottom">
<div class="post-info">
<h4 class="post-title">
<?php
if ( $post['post_icon_id'] ):
?>
<img alt="<?php echo $phrase['post_icon_' . $post['post_icon_id']] ?>" title="<?php echo $phrase['post_icon_' . $post['post_icon_id']] ?>" src="<?php echo $dir['post_icon'] . $post_icon[$post['post_icon_id']]['icon_image'] ?>" />
<?php
else:
?>
<img alt="<?php echo $phrase['post_icon_' . $post_icon['default']['icon_id']] ?>" title="<?php echo $phrase['post_icon_' . $post_icon['default']['icon_id']] ?>" src="<?php echo $dir['post_icon'] . $post_icon['default']['icon_image'] ?>" />
<?php
endif;
?>
<?php echo $post['post_title'] ?></h4>
<div class="post-text">
<div class="post-like-control">
<ol>
<li class="button-like"><a title="<?php echo $phrase['post_like'] ?>" href="<?php echo createURL( array( 'module' => 'forum', 'mode' => $mode_text['addlike'], 'like' => 1, 'post' => $post['post_id'], 'topic' => $post['topic_id']), true ) ?>"><span><?php echo $phrase['post_like'] ?></span></a></li>
<li class="button-unlike"><a title="<?php echo $phrase['post_unlike'] ?>" href="<?php echo createURL( array( 'module' => 'forum', 'mode' => $mode_text['addlike'], 'like' => -1, 'post' => $post['post_id'], 'topic' => $post['topic_id']), true ) ?>"><span><?php echo $phrase['post_unlike'] ?></span></a></li>
<li class="post-like-score"><span><?php echo dy_number_format( $post['post_like'] - $post['post_unlike']) ?></span></li>
</ol>
</div>
<?php echo txt_UNhtmlspecialchars( $post['post_text'] ) ?>
</div>
</div>
</div>
<div class="post-other clear">
<div class="post-date-time">
<?php echo replace_phrase($phrase['post_on_x_date_x_time'], array('{1}' => dy_date($post['post_datetime']), '{2}' => dy_time($post['post_datetime']))) ?>
</div>
<div class="post-control">
<ol>
<?php if ( $post['can_edit_post'] ): ?>
<li class="button-edit-post"><a title="<?php echo $phrase['button_edit_post'] ?>" href="<?php echo createURL( array('module' => 'forum', 'mode' => $mode_text['editpost'], 'id' => $post['post_id']), true) ?>"><?php echo $phrase['button_edit_post'] ?></a></li>
<?php endif; ?>
<?php if ( $post['can_delete_post'] ): ?>
<li class="button-delete-post"><a title="<?php echo $phrase['button_delete_post'] ?>" href="<?php echo createURL( array('module' => 'forum', 'mode' => $mode_text['deletepost'], 'id' => $post['post_id']), true) ?>"><?php echo $phrase['button_delete_post'] ?></a></li>
<?php endif; ?>
<?php if ( $post['can_quote_post'] ): ?>
<li class="button-quote-post"><a title="<?php echo $phrase['button_quote_post'] ?>" href="<?php echo createURL( array('module' => 'forum', 'mode' => $mode_text['quotepost'], 'id' => $post['post_id']), true) ?>"><?php echo $phrase['button_quote_post'] ?></a></li>
<?php endif; ?>
<?php if ( $post['can_reply_post'] AND ! $post['first_post'] ): ?>
<li class="button-reply-post"><a title="<?php echo $phrase['button_reply_post'] ?>" href="<?php echo createURL( array('module' => 'forum', 'mode' => $mode_text['replypost'], 'id' => $post['post_id']), true) ?>"><?php echo $phrase['button_reply_post'] ?></a></li>
<?php endif; ?>
</ol>
</div>
</div>
</div>
|
| |
|
|
| |
| Date :
2009-12-07 15:06:53 |
By :
danya |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ผมเห็นด้วยกับคุณเอียวครับ
ผมโหลดแยกจริงๆ
แต่ ผมต้องให้สมาชิก สามารถใส่ css ตกแต่งเองได้อีกที
ผมเลยต้องแยก css ไว้เลย
จุดประสงค์ สมาชิก สามารถใส่ css ตกแต่ง หัวข้อของตัวเองได้
และ สามารถใส่ css ตกแต่งทั้งเว็บได้เลย
|
| |
|
|
| |
| Date :
2009-12-07 15:14:27 |
By :
danya |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตอนนี้ ผมลองแก้โดยการใส่ display: inline
คิดว่า น่าจะแก้ได้เนอะ
Code (PHP)
.post-list div.left, .post-list div.right { display: inline }
|
| |
|
|
| |
| Date :
2009-12-07 15:26:39 |
By :
danya |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อ่อ พี่ดุนยาจงใจทำหรอ ผมเห็นมันไม่เหมือนกันก็เลยนึกว่าวางผิด *.*
จากรูป1 เป็นไปได้น่ะครับ dt dd dl มันเกินความกว้างออกมาครับ เลยทำให้ div แทบขวามือเลื่อนลงมาตรงแถวด้านล่าง dd,dl,dt ครับ
จากรูป2 width:100% เป็นไปได้เปล่าครับว่า width มันแคบไป
ปล.เดาเอาน่ะครับเพราะผมลองรีเฟรสจากเว็บพี่ดุนยาหลายรอบแล้วยังไม่เป็นที่พี่ดุนยาโพสไว้เลยครับ *.*
|
| |
|
|
| |
| Date :
2009-12-07 15:34:16 |
By :
xbeginner01 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
สงสัย เป็นที่เน็ตพี่อะ 555+
ตอนนี้ เป็นบ่อยเลย
เป็นอยู่คนเดียวด้วย คนอื่นๆ ไม่เป็น 555+
|
| |
|
|
| |
| Date :
2009-12-07 15:42:34 |
By :
danya |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เข้าดู ก็ปกติครับพี่ ^-^
|
| |
|
|
| |
| Date :
2009-12-07 18:26:21 |
By :
yomaster |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
แวะมาดู สวยดีนะดุน 
ถ้ายังแก้ไม่ได้ เดี๋ยวช่วยมั่วดูนะ 
div นี่คุมยากนะ
|
| |
|
|
| |
| Date :
2009-12-07 19:52:13 |
By :
plakrim |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2009-12-08 02:36:21 |
By :
Gumme |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
div มันกระเด้งกระดึ๋งได้จริงน่ะแหละ
|
| |
|
|
| |
| Date :
2009-12-08 03:17:51 |
By :
mr.v |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
