annex
عضو فعال

 عدد المساهمات : 355 نقاط النشاط : 492 السٌّمعَة : 90 بلد العضو :  
 | موضوع: تغيير شكل نتائج التصويت بشكل مميز الثلاثاء مايو 23, 2017 10:50 pm | |
| السلام عليكم أقدم لكم اليوم قالب viewtopic_poll_result جديد لتغيير شكل معاينة التصويت هذا الشكل العادي  تغيير الشكل إلى إلى هذا
قالب النسخة phpbb2
- الكود:
-
<tr> <td class="row2" colspan="2"><br clear="all" /> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <style> svg > g > g:last-child { pointer-events: none } </style> <script> google.charts.load("current", {packages:["corechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Answer', 'Value'], <!-- BEGIN poll_option --> ["{poll_option.POLL_OPTION_CAPTION}", {poll_option.POLL_OPTION_RESULT} ], <!-- END poll_option --> ]); var options = { title: "{POLL_QUESTION}", sliceVisibilityThreshold:0, backgroundColor: 'transparent', is3D: true, }; var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); chart.draw(data, options); } </script> <span style="float:right; margin-left:-24px;">{CLOSE_POLL}</span> <div id="piechart_3d" style="width: 450px; height: 210px; margin:auto;"></div> <div class="gen" align="center"> {L_TOTAL_VOTES} : <strong>{TOTAL_VOTES}</strong> <!-- BEGIN cancel_vote --> - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a> <!-- END cancel_vote --> </div> <br /> </td> </tr>
قالب نسخة phpbb3 - الكود:
-
<div class="panel"> <div class="inner"><span class="corners-top"><span></span></span> <div class="content"> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <style> svg > g > g:last-child { pointer-events: none } </style> <script> google.charts.load("current", {packages:["corechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Answer', 'Value'], <!-- BEGIN poll_option --> ["{poll_option.POLL_OPTION_CAPTION}", {poll_option.POLL_OPTION_RESULT} ], <!-- END poll_option --> ]); var options = { title: "{POLL_QUESTION}", sliceVisibilityThreshold:0, backgroundColor: 'transparent', is3D: true, }; var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')); chart.draw(data, options); } </script> <span style="float:right; margin-left:-24px;">{CLOSE_POLL}</span> <div id="piechart_3d" style="width: 450px; height: 210px; margin:auto;"></div> <div class="gen" align="center"> {L_TOTAL_VOTES} : <strong>{TOTAL_VOTES}</strong> <!-- BEGIN cancel_vote --> - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a> <!-- END cancel_vote --> </div> <br /> </div> </div>
الشكل الثاني قالب لنسخة phpbb2
- الكود:
-
<tr> <td class="row2" colspan="2"><br clear="all" /> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['bar']}); google.charts.setOnLoadCallback(drawStuff); function drawStuff() { var data = google.visualization.arrayToDataTable([ ['Réponse', 'Valeur'], <!-- BEGIN poll_option --> ["{poll_option.POLL_OPTION_CAPTION}", parseInt('{poll_option.POLL_OPTION_PERCENT}'.replace('%','')) ], <!-- END poll_option --> ]); var options = { legend: { position: 'none' }, backgroundColor: 'transparent', vAxis: { format: '#\'%\'', }, hAxis: { title: ' ', }, chartArea: { backgroundColor: 'transparent', }, chart: { title: "{POLL_QUESTION}", }, bar: { groupWidth: "90%" } }; var chart = new google.charts.Bar(document.getElementById('top_x_div')); chart.draw(data, google.charts.Bar.convertOptions(options)); }; </script> <span style="float:right; margin-left:-24px;">{CLOSE_POLL}</span> <div id="top_x_div" style="width: 450px; height: 210px; margin:auto; padding-top: 20px;"></div> <div class="gen" align="center"> {L_TOTAL_VOTES} : <strong>{TOTAL_VOTES}</strong> <!-- BEGIN cancel_vote --> - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a> <!-- END cancel_vote --> </div> <br /> </td> </tr>
قالب لنسخة phpbb3 - الكود:
-
<div class="panel"> <div class="inner"> <div class="content"> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['bar']}); google.charts.setOnLoadCallback(drawStuff); function drawStuff() { var data = google.visualization.arrayToDataTable([ ['Réponse', 'Valeur'], <!-- BEGIN poll_option --> ["{poll_option.POLL_OPTION_CAPTION}", parseInt('{poll_option.POLL_OPTION_PERCENT}'.replace('%','')) ], <!-- END poll_option --> ]); var options = { legend: { position: 'none' }, backgroundColor: 'transparent', vAxis: { format: '#\'%\'', }, hAxis: { title: ' ', }, chartArea: { backgroundColor: 'transparent', }, chart: { title: "{POLL_QUESTION}", }, bar: { groupWidth: "90%" } }; var chart = new google.charts.Bar(document.getElementById('top_x_div')); chart.draw(data, google.charts.Bar.convertOptions(options)); }; </script> <span style="float:right; margin-left:-24px;">{CLOSE_POLL}</span> <div id="top_x_div" style="width: 450px; height: 210px; margin:auto; padding-top: 20px;"></div> <div class="gen" align="center"> {L_TOTAL_VOTES} : <strong>{TOTAL_VOTES}</strong> <!-- BEGIN cancel_vote --> - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a> <!-- END cancel_vote --> </div> <br /> </div> </div> </div>
كيفية تركيب .. مظهر المنتدى .. التومبلايتات و القوالب .. تغيير قالب viewtopic_poll_result حسب الشكل الذي ترغب .. حفظ ثم نشر

عدل سابقا من قبل annex في الثلاثاء مايو 23, 2017 11:13 pm عدل 2 مرات |
|
murmasan
عضو فعال

  عدد المساهمات : 272 نقاط النشاط : 336 السٌّمعَة : 1 بلد العضو :  العمر : 20
 | موضوع: رد: تغيير شكل نتائج التصويت بشكل مميز الثلاثاء مايو 23, 2017 10:53 pm | |
| |
|
annex
عضو فعال

 عدد المساهمات : 355 نقاط النشاط : 492 السٌّمعَة : 90 بلد العضو :  
 | موضوع: رد: تغيير شكل نتائج التصويت بشكل مميز الأربعاء مايو 24, 2017 12:15 am | |
| |
|
K!LLeR
عضو خبير

 عدد المساهمات : 757 نقاط النشاط : 872 السٌّمعَة : 10 بلد العضو : 
 | موضوع: رد: تغيير شكل نتائج التصويت بشكل مميز الخميس أغسطس 03, 2017 4:08 pm | |
| أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ |
|
Derraz Boujemaa
عضو ذهبي

 عدد المساهمات : 3399 نقاط النشاط : 6146 السٌّمعَة : 122 بلد العضو : 
 | موضوع: رد: تغيير شكل نتائج التصويت بشكل مميز الإثنين ديسمبر 11, 2017 3:09 pm | |
| يعطيك العافيه طرح رائع وانت دائما رائع في طرحك . أنتظر جديدك بكل الشوق والود ,,, تقبل مروري المتواضع |
|
The Giant
مؤسس الإبداع العربي

  عدد المساهمات : 10847 نقاط النشاط : 11200 السٌّمعَة : 137 بلد العضو :  العمر : 38 
 | موضوع: رد: تغيير شكل نتائج التصويت بشكل مميز السبت يونيو 16, 2018 11:51 pm | |
| يعطيكم العافية على الطرح  كل الاحترام  |
|
مصطفى ستيتان
عضو محترف

 عدد المساهمات : 1130 نقاط النشاط : 1203 السٌّمعَة : 11 بلد العضو : 
 | |
Àťéf Hàmmàď
سوبر الإبداع

 عدد المساهمات : 92696 نقاط النشاط : 102560 السٌّمعَة : 708 بلد العضو : 
 | موضوع: رد: تغيير شكل نتائج التصويت بشكل مميز الخميس مايو 14, 2020 10:43 pm | |
| |
|