رفتن به مطلب

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


پست های پیشنهاد شده

سلام

من میخوام در قسمتی که کارب برای ثبت نظرش باید نام ایمیل و سایتش رو بنویسه استایل بدم....... یعنی استایل دادن به فیلد ها رو میدونم ولی برای استایل دادن به متن ها باید چیکار کنم؟ چون از تگ 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>

لینک به ارسال

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

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


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

لینک به ارسال

می تونید به 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 {
}

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

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

لینک به ارسال

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

خیلی راحت میتونی همه کد ها رو از 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">

ویرایش شده توسط فرهاد
لینک به ارسال

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

خیلی راحت میتونی همه کد ها رو از 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
لینک به ارسال

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

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

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

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

لینک به ارسال

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

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

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

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

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

لینک به ارسال

<?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 ?>

لینک به ارسال

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


<?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>

لینک به ارسال

ممنون حل شد

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

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)]

لینک به ارسال

.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;
}

لینک به ارسال


.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;
}

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

لینک به ارسال

.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;
}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...