تومبلايت تغيير شكل احصائيات التصويت لجميع النسخ

السبت يناير 05, 2019 8:56 am

تومبلايت تغيير شكل احصائيات التصويت لجميع النسخ
الشكل الاساسي

تومبلايت تغيير شكل احصائيات التصويت لجميع النسخ 4yIXD8M

الشكل الاول

تومبلايت تغيير شكل احصائيات التصويت لجميع النسخ Z2vdLsJ

شكل الثاني

تومبلايت تغيير شكل احصائيات التصويت لجميع النسخ Mw8Dh02

طريقة التركيب اذهب الى
لوحة الادارة . مظهر المنتدى . لتومبلايتات و القوالب . إدارة عامة . viewtopic_poll_result
وبدله بالقالب الاتي
شكل الاول :

phpBB 2
الكود:نسخ الكود

الكود:: <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'],  ["{poll_option.POLL_OPTION_CAPTION}", {poll_option.POLL_OPTION_RESULT} ],  ]); var options = { title: "{POLL_QUESTION}", sliceVisibilityThreshold:0, backgroundColor: 'transparent', is3D: true, }; var chart = newgoogle.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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /> </td> </tr>

phpBB 3
الكود:نسخ الكود

الكود:: <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'],  ["{poll_option.POLL_OPTION_CAPTION}", {poll_option.POLL_OPTION_RESULT} ],  ]); var options = { title: "{POLL_QUESTION}", sliceVisibilityThreshold:0, backgroundColor: 'transparent', is3D: true, }; var chart = newgoogle.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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /> </div> </div>

punBB
الكود:نسخ الكود

الكود:: <div class="main-content frm"> <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'],  ["{poll_option.POLL_OPTION_CAPTION}", {poll_option.POLL_OPTION_RESULT} ],  ]); var options = { title: "{POLL_QUESTION}", sliceVisibilityThreshold:0, backgroundColor: 'transparent', is3D: true, }; var chart = newgoogle.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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /></div>

Invision
الكود:نسخ الكود

الكود:: <div class="main"> <div class="box-content row1"> <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'],  ["{poll_option.POLL_OPTION_CAPTION}", {poll_option.POLL_OPTION_RESULT} ],  ]); var options = { title: "{POLL_QUESTION}", sliceVisibilityThreshold:0, backgroundColor: 'transparent', is3D: true, }; var chart = newgoogle.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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /> </div></div>

ModernBB
الكود:نسخ الكود

الكود:: <div class="panel"> <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'],  ["{poll_option.POLL_OPTION_CAPTION}", {poll_option.POLL_OPTION_RESULT} ],  ]); 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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /></div>

الشكل الثاني :
phpBB 2
الكود:نسخ الكود

الكود:: <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'],  ["{poll_option.POLL_OPTION_CAPTION}", parseInt('{poll_option.POLL_OPTION_PERCENT}'.replace('%','')) ],  ]); 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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /> </td></tr>

phpBB 3
الكود:نسخ الكود

الكود:: <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'],  ["{poll_option.POLL_OPTION_CAPTION}", parseInt('{poll_option.POLL_OPTION_PERCENT}'.replace('%','')) ],  ]); 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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /> </div> </div></div>

punBB
الكود:نسخ الكود

الكود:: <div class="main-content frm"> <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'],  ["{poll_option.POLL_OPTION_CAPTION}", parseInt('{poll_option.POLL_OPTION_PERCENT}'.replace('%','')) ],  ]); 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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /></div>

Invison
الكود:نسخ الكود

الكود:: <div class="main"> <div class="box-content row1"> <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'],  ["{poll_option.POLL_OPTION_CAPTION}", parseInt('{poll_option.POLL_OPTION_PERCENT}'.replace('%','')) ],  ]); 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>  - <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /> </div> </div>

ModernBB
الكود:نسخ الكود

الكود:: <div class="panel"> <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'],  ["{poll_option.POLL_OPTION_CAPTION}", parseInt('{poll_option.POLL_OPTION_PERCENT}'.replace('%','')) ],  ]); 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>  -  <a href="{U_CANCEL_VOTE}">{L_CANCEL_VOTE}</a>  </div> <br /> </div>

دمتم بخير