- صفحه اصلي قالب گراف
- انجمن
- آپلود سنتر
- تبليغات
- ورود
- عضويت
- خوراک
- نقشه
- تماس با ما
- ارسال پيام به مدير در انجمن ghalebgraph@gmail.com\09394943902
سلام و عرض خسته نباشید
در این ساعت برای شما استایل نظرات در طرح فلت و زیبا آماده کرده ام که طراحی این اثر بر عهده سایت روز گراف بوده و بنده به صورت کد درش آوردم و امیدوارم همه ازش استفاده کنین
چنان چه پیش نمایش 1 کار نکرد از پیش نمایش 2 استفاده کنید
نکات رو حتما بخونین و رعایت کنید
1-کد شماره 3 که مربوط به جاوا اسکریپت این نظرات میباشد حتما بعد از کد شماره 1 و 2 باشد که مربوط به html و css میباشند
2- باید المنت های سرتیتر پست و نویسنده مطلب رو پیدا کنید توی مطالب ارسالی و به اونها آیدی های زیر رو اضافه کنید
برای سرتیتر = title-comment
برای نویسنده پست = avatar-type
چون رزبلاگ تگهای مربوط رو نداره مجبوریم از جاوا و نکته شماره 2 استفاده کنید
کد شماره 1 : css های زیر در بین دو تگ قرار بگیره:
<style>#comment_vg{
width: 470px;
height: 185px;
direction: rtl;
text-align: right;
background-color: #eaeaea;
border-radius: 3px;
font-family: b yekan;
font-size: 13px;
margin-top: 10px;
padding-top: 1px;
}
#comment_vg_one{
background-color: #8f44ad;
width: 280px;
padding: 3px;
color: #fff;
direction: rtl;
text-align: right;
position: relative;
direction: rtl;
margin-top: 5px;
}
#comment_vg_one:before { content: " ";
position: absolute;
width: 0px;
height: 0px;
left: 235px;
top: 100%;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #8f44ad;
}
#avatar_author{ width:100px; height:100px; float:right; margin:5px; background-color:#000;}
#avaatar_typer{ margin:5px; float:left; background-color:#0e76a9;
direction:rtl; width:100px; height:65px; color:#fff; text-align:center;
padding-top:35px;}
#pv_vg_comment{
width: 280px;
padding: 3px;
color: #fff;
background-color: #0e76a9;
text-align: left;
direction: rtl;
position: relative;
margin-top: 15px;
}
.comment_types{
height: 100px;
overflow-y: scroll;
overflow-x: hidden;
width: 250px;
color: #000;
direction: rtl;
text-align: right;
}
.comment_types div{ text-align:left; margin-top:7px;}
#pv_vg_comment:before { content: " ";
position: absolute;
width: 0px;
height: 0px;
left: 50px;
bottom: 100%;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #0e76a9;
}
</style>
کد شماره 2 : html زیر در مکانی که قصد نمایش دارید جای گذاری بشه
:
<RB:Comment_Display_Block><center>
<RB:Comment_Display_Loop>
<div id="comment_vg">
<div id="comment_vg_one">
نظر<a style="text-decoration:none; color:#fff" href="
[Comment_Web]" title="ارسال شده در : [Comment_Date]...
[Comment_Time]"> [Comment_Author]</a>درباره پست "<span
id="title-comment"></span>"
</div>
<div id="avatar_author"><img src=" [Comment_Gavator]" height="100" width="100" /></div>
<div id="avaatar_typer"> <span id="avatar-type"></span></div>
<center>
<div class="comment_types"> [Comment_Content]</div>
</center>
<div align="left" dir="ltr">
<div id="pv_vg_comment">پاسخ
<span id="avatar-type"></span>
به
[Comment_Author]
</div>
</div>
</div>
</RB:Comment_Display_Loop>
</center>
<RB:Comment_Display_Block>
کد شماره 3 : java script زیر هم در آخر همه کدهای بالا
:
<script>document.getElementById("title-comment").innerHTML = document.getElementById("post-title_vg").innerHTML;
document.getElementById("avatar-type").innerHTML = document.getElementById("author-title_vg").innerHTML
</script>



-
ارسالي ها :
55 -
عضويت:
18 /4 /1394 -
تشکرها :
15 -
تشکر شده:
49 - یکشنبه 21 تیر 1394 - 19:38
عالیه

حـــــــــرفــــــهـــــــــــــــــــای دلـــــمـ را کســــــــــــــــــــــیــ نمیــــفهمــــــــــــد... فقــــــــــــط روزی مورچـــــــــــــــهـ هـــــــــــــا خواهنــــــــــد فهمیــــــــــــــــد... روزیـــ کهـ در زیر خــــــــــــــــــــــاکـــ گلـــــویـــــــــمـ را بـــــهـ تـــــــــــــــاراج میـــــــــــــبرنــــــد!
![]() تشکر شده: |
1 کاربر از mygod به خاطر اين مطلب مفيد تشکر کرده اند:
|



-
ارسالي ها :
3242 -
عضويت:
11 /10 /1393 -
تشکرها :
4811 -
تشکر شده:
2404 - حالت من:
- مرورگر من :
- یکشنبه 21 تیر 1394 - 20:31



-
ارسالي ها :
2796 -
عضويت:
15 /1 /1393 -
محل زندگي:
کرج -
سن:
20 -
تشکرها :
4947 -
تشکر شده:
1982 - حالت من:
- سیم کارت من :
- مرورگر من :
- یکشنبه 21 تیر 1394 - 20:43



-
ارسالي ها :
2269 -
عضويت:
1 /10 /1392 -
سن:
16 -
تشکرها :
772 -
تشکر شده:
1427 - حالت من:
- سیم کارت من :
- مرورگر من :
- یکشنبه 21 تیر 1394 - 21:14
ممنون که کدش کردید واقعا زیباست تشکر.
برای ارتباط با ای دی @SirsLamy در تلگرام پ.م بدید ...



-
ارسالي ها :
1240 -
عضويت:
15 /8 /1392 -
محل زندگي:
جهرم -
سن:
17 -
تشکرها :
936 -
تشکر شده:
904 -
من در ياهو:
- حالت من:
- یکشنبه 21 تیر 1394 - 21:15



-
ارسالي ها :
619 -
عضويت:
25 /3 /1394 -
محل زندگي:
تهران -
سن:
18 -
تشکرها :
391 -
تشکر شده:
447 -
من در ياهو:
- یکشنبه 21 تیر 1394 - 23:49



-
ارسالي ها :
2565 -
عضويت:
15 /10 /1392 -
محل زندگي:
GG City -
تشکرها :
1844 -
تشکر شده:
2906 -
من در ياهو:
- تلگرام : خستس می فهمی خسته :))
- حالت من:
- مرورگر من :
- دوشنبه 22 تیر 1394 - 13:38



-
ارسالي ها :
481 -
عضويت:
4 /6 /1393 -
محل زندگي:
طهران -
سن:
17 -
تشکرها :
406 -
تشکر شده:
238 -
من در ياهو:
- دوشنبه 22 تیر 1394 - 13:41
![]() تشکر شده: |
1 کاربر از livegraph به خاطر اين مطلب مفيد تشکر کرده اند:
|



-
ارسالي ها :
65 -
عضويت:
22 /4 /1394 -
محل زندگي:
تبریز -
تشکرها :
41 -
تشکر شده:
13 -
من در ياهو:
- سیم کارت من :
- سه شنبه 23 تیر 1394 - 02:48
عالی بود



-
ارسالي ها :
2176 -
عضويت:
24 /4 /1393 -
تشکرها :
2349 -
تشکر شده:
2291 -
تعداد اخطار:
10 - شنبه 03 مرداد 1394 - 13:48