dark master

استایل دادن به کامنت

16 پست در این موضوع قرار دارد

سلام

من میخوام در قسمتی که کارب برای ثبت نظرش باید نام ایمیل و سایتش رو بنویسه استایل بدم....... یعنی استایل دادن به فیلد ها رو میدونم ولی برای استایل دادن به متن ها باید چیکار کنم؟ چون از تگ label استفاده شده که من تا حالا باهاش کار نکردم

دوم اینکه میشه کاری کرد که این متنا در فیلد های مربوط به خودشون نمایش داده بشن؟

اگه میشه هر دو رو توضیح بدید

اینم کدهای مربوط به اون قسمت :


<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" lang="fa" />
<label for="author"><small> <?php _e('نام',''); if ($req) echo "(required)"; ?></small></label></p>
<p><input type="text" class="cmt-info" name="email" id="email" value="<?php echo $comment_author_email; ?>" />
<label for="email"><small> <?php _e('ایمیل (نمایان نخواهد شد)',''); if ($req) echo "(required)"; ?></small></label></p>
<p><input type="text" class="cmt-info" name="url" id="url" value="<?php echo $comment_author_url; ?>" />
<label for="url"><small><?PHP _e('سایت','');?></small></label></p>

0

به اشتراک گذاری این پست


لینک به پست

می تونید به label ها class اضافه کرده و بهشون با css استایل بدین ...

برای اینکه نوشته ها داخل فیلد ها بیاد هم می تونید به input ها placeholder اضافه کنید ...


<input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" lang="fa" placeholder="نام و نام خانوادگی"/>

2

به اشتراک گذاری این پست


لینک به پست

می تونید به label ها class اضافه کرده و بهشون با css استایل بدین ...

برای اینکه نوشته ها داخل فیلد ها بیاد هم می تونید به input ها placeholder اضافه کنید ...


<input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" lang="fa" placeholder="نام و نام خانوادگی"/>

میدونم باید به label ها کلاس بدم ...... کلاس دادنشو بلد نیستم.......... در css باید از چه کدی استفاده کنم؟ برای مثال:


.label {
}

با توجه به کد هایی که در پست قبلی گذاشتم دقیقشو اگه میشه بگید.........

در مورد دومی هم ممنون

0

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

خب سلیقه ای هست

خیلی راحت میتونی همه کد ها رو از w3schools بگیری

حالا من یه د میدم ببینم چطوره

خودتم یکم ویاریشش کن


font-family: BYekan;
font-size: 12px;
color: rgb(51, 51, 51);
line-height: 30px;
background:#e2e2e2;
text-shadow: 1px 1px 1px #ECECEC;
border: solid 1px #B6B6B6;
border-radius: 4px;
box-shadow: inset 0 0px 19px 0px #B8B8B8;
width: 96%;
margin: 2px 2px 5px 0;
padding-right: 2px;
padding-right: 5px;

برای اینکه به لیبل هم استایل بدی 2 راه داری:

داخل سی اس اس اینطوری بنویس بدون .


label {
}

یا هم بهش کلاس اضافه کن اینطوری


<label for="author" class="fild">

ویرایش شده در توسط فرهاد
2

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

خب سلیقه ای هست

خیلی راحت میتونی همه کد ها رو از w3schools بگیری

حالا من یه د میدم ببینم چطوره

خودتم یکم ویاریشش کن


font-family: BYekan;
font-size: 12px;
color: rgb(51, 51, 51);
line-height: 30px;
background:#e2e2e2;
text-shadow: 1px 1px 1px #ECECEC;
border: solid 1px #B6B6B6;
border-radius: 4px;
box-shadow: inset 0 0px 19px 0px #B8B8B8;
width: 96%;
margin: 2px 2px 5px 0;
padding-right: 2px;
padding-right: 5px;

برای اینکه به لیبل هم استایل بدی 2 راه داری:

داخل سی اس اس اینطوری بنویس بدون .


label {
}

یا هم بهش کلاس اضافه کن اینطوری


<label for="author" class="fild">

ممنون فقط نمیدونستم که چطوری باید تگ label رو در فایل استایل فراخوانی کنم وگرنه استایل دادن رو بلدم

ممنون از همه مشکلم حل شد.......... فقط میشه اگه کسی وارد پروفایلش شده بود ، بازم موقع نظر دادن اون فرم نام و ایمیل نمایش داده بشه به جای اینکه اسم طرفو بنویسه؟

یه موضوع دیگه هم اینکه چطوری میشه کاری کرئ که سرعت تغییر رنگ لینک ها وقتی موس روشون قرار میگیره پایین بیاد و اروم شه؟؟

ویرایش شده در توسط dark master
0

به اشتراک گذاری این پست


لینک به پست

شرط بخش فرم کامنت رو باید تغییر بدید

برای لینکها CSS Transitions

http://www.webdesignerdepot.com/2010/01/css-transitions-101/

http://www.creativebloq.com/use-css-transitions-link-effects-9134433

2

به اشتراک گذاری این پست


لینک به پست

شرط بخش فرم کامنت رو باید تغییر بدید

برای لینکها CSS Transitions

http://www.webdesign...ransitions-101/

http://www.creativeb...effects-9134433

ممنون .....فهمیدم چطوریه....برای قسمت اول دقیقا باید چطوری شرط رو تغییر بدم؟ ون قبلا دستکاری کردم ولی نتیجه ای نداده بود

0

به اشتراک گذاری این پست


لینک به پست

کد فایل comment را قرار دهید

1

به اشتراک گذاری این پست


لینک به پست

<?php // Do not delete these lines
if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) die ('Please do not load this page directly. Thanks!');
if (!empty($post->post_password)) { // if there's a password
if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) { // and it doesn't match the cookie
?>
<h2><?php _e('محافظت شده با رمز',''); ?></h2>
<p><?php _e('برای مشاهده نظرات رمز را وارد کنید',''); ?></p>
<?php return;
}
}
/* This variable is for alternating comment background */
$oddcomment = 'alt';
?>
<!-- You can start editing here. -->
<?php if ($comments) : ?>
<div class="cmt-title"><?php comments_number(__('بدون نظر',''), __('یک نظر برای',''), __('% نظر برای','' ));?> " <?php the_title(); ?> " </div>


<ol class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li class="<?php
/* Only use the adminComment class from style.css if the user_id is 1 (admin) */
if (1 == $comment->user_id)
$oddcomment = "adminComment";
echo $oddcomment;
?>" id="comment-<?php comment_ID() ?>">
<div class="cmt">
<div class="comment-header">
<div class="comment-author"><strong><?php comment_author() ?></strong></div>
<div class="comment-time"><?php comment_date() ?> <?php _e('در','');?> <?php comment_time() ?></div>
</div>
<?php if ($comment->comment_approved == '0') : ?>
<em><?php _e('نظر شما در انتظار تایید است',''); ?></em>
<?php endif; ?>
<div class="comment-content">
<?php comment_text() ?>
</div>
<div class="cmt-edit"><?php edit_comment_link('Edit','',''); ?></div>
</div>
</li>
<?php /* Changes every other comment to a different class */
if ('alt' == $oddcomment) $oddcomment = '';
else $oddcomment = 'alt';
?>
<?php endforeach; /* end for each comment */ ?>
</ol>
<?php else : // this is displayed if there are no comments so far ?>
<?php if ('open' == $post->comment_status) : ?>
<!-- If comments are open, but there are no comments. -->
<?php else : // comments are closed ?>
<!-- If comments are closed. -->
<p class="nocomments"><?php _e('نظرات بسته شده اند.','') ?> </p>
<?php endif; ?>
<?php endif; ?>

<?php if ('open' == $post->comment_status) : ?>
<div class="respond"><?php _e('نظر دهید','');?></div>
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p><?PHP _e('شما باید ','')?> <a href="<?php echo get_option('siteurl'); ?>/?page_id=125?redirect_to=<?php echo urlencode(get_permalink()); ?>"><?PHP _e('وارد شوید ','')?></a><?PHP _e('تا بتوانید نظر دهید','')?></p>
<?php else : ?>
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<?php if ( $user_ID ) : ?>
<p><?php echo $user_identity; ?></a></p>
<?php else : ?>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="نام "/></p>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="ایمیل (نمایان نخواهد شد)"/></p>

<?php endif; ?>
<!--<p><small><strong>XHTML:</strong> <?php _e('میتوانید از این تگ ها استفاده کنید',''); ?> <?php echo allowed_tags(); ?></small></p>-->
<p><textarea name="comment" class="cmt-textfield" id="comment" ></textarea></p>
<p><input name="submit" class="comment-submit" type="submit" id="submit" tabindex="5" value="<?PHP _e('ارسال','')?>" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>
</form>
<?php endif; // If registration required and not logged in ?>
<?php endif; // if you delete this the sky will fall on your head ?>

0

به اشتراک گذاری این پست


لینک به پست

این کد رو حذف کنید


<?php if ( $user_ID ) : ?>
<p><?php echo $user_identity; ?></a></p>
<?php else : ?>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="نام "/></p>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="ایمیل (نمایان نخواهد شد)"/></p>
<?php endif; ?>

و جایگزین:


<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="نام "/></p>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="ایمیل (نمایان نخواهد شد)"/></p>

4

به اشتراک گذاری این پست


لینک به پست

ممنون حل شد

من میخوام به این قسمت همون خاصیت

Transitions رو اضافه کنم و وقتی موس روی دکمه ارسال میره رنگ پس زمینه با تاخیر عوض بشه باید چیکار کنم؟


.comment-submit{
margin-bottom:10px;
height:29px;
width: 40px;
border:1px black solid;
text-align:center;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
}[/background][/right]

[/color]

[color=#282828]

[right][background=rgb(247, 247, 247)].comment-submit:hover{
-moz-transition: color 2s;
background:#000;
color:#FFF;
}[/background][/right]

[/color]
[color=#282828]

[right][background=rgb(247, 247, 247)]

0

به اشتراک گذاری این پست


لینک به پست

.comment-submit{
margin-bottom:10px;
height:29px;
width: 40px;
border:1px black solid;
text-align:center;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
}

.comment-submit:hover{
background:#000;
color:#FFF;
}

0

به اشتراک گذاری این پست


لینک به پست

.comment-submit
{
margin-bottom:10px;
height:29px;
width: 40px;
border:1px black solid;
text-align:center;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
background:#FF0
color:#000;
-moz-transition: all 2s;
}
.comment-submit:hover
{
background:#000;
color:#FFF;
}

2

به اشتراک گذاری این پست


لینک به پست


.comment-submit
{
margin-bottom:10px;
height:29px;
width: 40px;
border:1px black solid;
text-align:center;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
background:#FF0
color:#000;
-moz-transition: all 2s;
}
.comment-submit:hover
{
background:#000;
color:#FFF;
}

ممنون ولی کار نکرد

0

به اشتراک گذاری این پست


لینک به پست

.comment-submit
{
margin-bottom:10px;
border:1px black solid;
text-align:center;
height:30px;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
background:#FF0;
color:#009;
-moz-transition: all 2s linear;
-o-transition:all 2s linear;
-webkit-transition: all 2s linear;
transition: all 2s linear;
}
.comment-submit:hover
{
background:#009;
color:#FF0;
}

3

به اشتراک گذاری این پست


لینک به پست

ممنون.......حل شد............دمت گرم

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری