Rise Company
09-06-2022, 17:52
السي بانال WHM/CPanel الثيم jupiter Theme كيفية وضع اللوجو SVG
WHM Jupiter Theme Company Logo SVG
https://www.rise.company/upload/uploads/165478925335151.png
فى الثيم الجديد jupiter لا يقبل اللوجو الا بصيغة SVG
كيف تقوم بتحويل اللوجو من png / jpg الى SVG ؟
هناك مواقع تقوم بعمل ذلك ونحن لا ننصح بذلك لانه بيحول الوجو بشكل خاطىء
فافضل شىء هو استخدام برنامج Illustrator لتحويل اللوجو الخاص بك الى SVG
ولكن هناك ملحوظتين يجب الانتباه لها
1- لا يوجد خلفية فى SVG فهو دائما شفافا transparence
2- الخط المكتوب به اللوجو يجب ان يكون Default لانه لن يعمل على جهاز اخر لا يحمل هذا الخط
الـ SVG ليس صورة ولكن كود CSS
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 869.04 236.91"><defs><style>.cls-1{font-size:150px;fill:#f26522;font-family:Arial-Black, Arial;font-weight:800;}</style></defs><polygon id="r" points="192.37 181.38 96.18 236.91 0 181.38 0 70.31 96.18 14.78 192.37 70.31 192.37 181.38"/><text class="cls-1" transform="translate(35.79 178.81)">R</text><polygon id="i" points="412.39 181.38 316.21 236.91 220.03 181.38 220.03 70.31 316.21 14.78 412.39 70.31 412.39 181.38"/><text class="cls-1" transform="translate(285.67 178.81)">I</text><polygon id="s" points="632.33 181.38 536.14 236.91 439.96 181.38 439.96 70.31 536.14 14.78 632.33 70.31 632.33 181.38"/><text class="cls-1" transform="translate(481.44 178.81)">S</text><polygon id="e" points="849.89 181.38 753.7 236.91 657.52 181.38 657.52 70.31 753.7 14.78 849.89 70.31 849.89 181.38"/><text class="cls-1" transform="translate(700.83 178.81)">E</text><path d="M892.6,77.74A19.1,19.1,0,1,1,890,68.2,18.73,18.73, 0,0,1,892.6,77.74Zm-3.7,0a15.41,15.41,0,1,0-26.3,10.89,15.41,15.41,0,0,0,26.3-10.89ZM864.84,67.53H874q3.87,0,5.61,1.57a5.33,5.33 ,0,0,1,1.74,4.18A5.22,5.22,0,0,1,880,76.84,7.86,7. 86,0,0,1,875.82,79a5.55,5.55,0,0,1,1.72.95A9.7,9.7 ,0,0,1,879.17,82l3.3,5.9h-6a46.19,46.19,0,0,0-3.93-7,2.76,2.76,0,0,0-2-1.13,3.42,3.42,0,0,0-.62.07v8h-5.08Zm5.08,8.66h2.2a5.08,5.08,0,0,0,3.1-.72,2.22,2.22,0,0,0,.9-1.84,2.27,2.27,0,0,0-.86-1.83,4.66,4.66,0,0,0-2.94-.72h-2.4Z" transform="translate(-23.56 -58.65)"/></svg>
WHM Jupiter Theme Company Logo SVG
https://www.rise.company/upload/uploads/165478925335151.png
فى الثيم الجديد jupiter لا يقبل اللوجو الا بصيغة SVG
كيف تقوم بتحويل اللوجو من png / jpg الى SVG ؟
هناك مواقع تقوم بعمل ذلك ونحن لا ننصح بذلك لانه بيحول الوجو بشكل خاطىء
فافضل شىء هو استخدام برنامج Illustrator لتحويل اللوجو الخاص بك الى SVG
ولكن هناك ملحوظتين يجب الانتباه لها
1- لا يوجد خلفية فى SVG فهو دائما شفافا transparence
2- الخط المكتوب به اللوجو يجب ان يكون Default لانه لن يعمل على جهاز اخر لا يحمل هذا الخط
الـ SVG ليس صورة ولكن كود CSS
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 869.04 236.91"><defs><style>.cls-1{font-size:150px;fill:#f26522;font-family:Arial-Black, Arial;font-weight:800;}</style></defs><polygon id="r" points="192.37 181.38 96.18 236.91 0 181.38 0 70.31 96.18 14.78 192.37 70.31 192.37 181.38"/><text class="cls-1" transform="translate(35.79 178.81)">R</text><polygon id="i" points="412.39 181.38 316.21 236.91 220.03 181.38 220.03 70.31 316.21 14.78 412.39 70.31 412.39 181.38"/><text class="cls-1" transform="translate(285.67 178.81)">I</text><polygon id="s" points="632.33 181.38 536.14 236.91 439.96 181.38 439.96 70.31 536.14 14.78 632.33 70.31 632.33 181.38"/><text class="cls-1" transform="translate(481.44 178.81)">S</text><polygon id="e" points="849.89 181.38 753.7 236.91 657.52 181.38 657.52 70.31 753.7 14.78 849.89 70.31 849.89 181.38"/><text class="cls-1" transform="translate(700.83 178.81)">E</text><path d="M892.6,77.74A19.1,19.1,0,1,1,890,68.2,18.73,18.73, 0,0,1,892.6,77.74Zm-3.7,0a15.41,15.41,0,1,0-26.3,10.89,15.41,15.41,0,0,0,26.3-10.89ZM864.84,67.53H874q3.87,0,5.61,1.57a5.33,5.33 ,0,0,1,1.74,4.18A5.22,5.22,0,0,1,880,76.84,7.86,7. 86,0,0,1,875.82,79a5.55,5.55,0,0,1,1.72.95A9.7,9.7 ,0,0,1,879.17,82l3.3,5.9h-6a46.19,46.19,0,0,0-3.93-7,2.76,2.76,0,0,0-2-1.13,3.42,3.42,0,0,0-.62.07v8h-5.08Zm5.08,8.66h2.2a5.08,5.08,0,0,0,3.1-.72,2.22,2.22,0,0,0,.9-1.84,2.27,2.27,0,0,0-.86-1.83,4.66,4.66,0,0,0-2.94-.72h-2.4Z" transform="translate(-23.56 -58.65)"/></svg>