درخواست كد تغيير رنگ و style قالب با كليك بر روي ايكنها

alashti

Member
با سلام
من الان چند روزي كه دنبال اينم كه با چه كدي ميتونم مثل اين دو تا سايت كه تو شكل مشخص كردم وقتي رو ايكنهايي

كه با رنگ زرد مشخص كردم كليك ميكنيم رنگ كل قالب عوض بشه من تو اينترنت شرچ كردم فقط كدي بود كه ميشد رنگ پس زمينه رو عوض كرد ولي من ميخوام رنگ كل قالب عوض بشه مثل اين دو سايت :paint:
اگه متوجه نشديد منظورم چيه من ادرس اين دو سايت رو نوشتم ميتونيد خودتون بريد و ببينيد

اگه قبلا اين موضوع گفته شده لطفا ادرس تاپيك مربوطه رو بزاريد اگه هم تا حالا گفته نشده لطفا به زبان ساده براي ما

توضيح بديد و فايلهاي مورد نياز رو بزاريد

با تشكر :rose:

1256520283.jpg
 

Mr.Steres

Active Member
Php به این صورته :

PHP:
<?php 
if ( $_GET['color'] = "red" ) {
    echo '<link rel="stylesheet" type="text/css" href="redstylesheet.css" />' ;
}
if ( $_GET['color'] = "green" ) {
    echo '<link rel="stylesheet" type="text/css" href="greenstylesheet.css" />' ;
}
?>

کد بالا روی توی <head> قرار بدید .
 

alashti

Member
سلام
ممنون از اينكه جواب دادين
ولي من كه گفتم حرفه اي نيستم لطفا يخورده روونتر توضيح بديد
در ضمن من سورس اين قالب ها رو نگاه كردم اين فايلا گيرم اومد اگه شما بگيد چطوري تو php اجراش كنم ممنون ميشم
 

پیوست ها

  • New Folder.zip
    85.6 کیلوبایت · بازدیدها: 20

Mr.Steres

Active Member
برای فراخوانی و انتخاب رنگ خاص باید به شکل زیر ادرس بدید :

PHP:
index.php?color=colorname
لازم به ذکره که باید جایی که php نصبه اجرا کنید ...
 

پیوست ها

  • change_styles.rar
    75.2 کیلوبایت · بازدیدها: 42

alashti

Member
سلام مجدد
بازم تشكر
ولي بازم جواب نداد
من تونستم در اين حد كه تو عكس مشخصه پيش برم ما و ديگه با style كاري ندارم چون تونستم بفهمم چيكارشون كنم

1256565375.jpg

حالا مشكل من اون فايل script هست كه تو فايل پيوستي گذاشتم script.js حالا شما اگه به خط 39 تا 61 script.js دقت كنيد كدهاي مربوط به تغيير استايل هست منظورم اين كدهاست
کد:
function changeThemeColor(color)
{
    switch(color)
    {
        case "blue":
        default:
            document.getElementById('CSSfile').href = 'themes/MashhadTeam-BlueOcean/style/blue.css';
            setCookie('ThemeColor','blue',7);
            break;
        case "green":
            document.getElementById('CSSfile').href = 'themes/MashhadTeam-BlueOcean/style/green.css';
            setCookie('ThemeColor','green',7);
            break;
        case "red":
            document.getElementById('CSSfile').href = 'themes/MashhadTeam-BlueOcean/style/red.css';
            setCookie('ThemeColor','red',7);
            break;
        case "violet":
            document.getElementById('CSSfile').href = 'themes/MashhadTeam-BlueOcean/style/violet.css';
            setCookie('ThemeColor','violet',7);
            break;
    }
}
حالا من چطوري به اين ايكنها لينك بدم كه اون كدها رو فراخوني كنه و اجرا بشن
در ضمن من فايل js رو تو قالب فراخوني كردم
کد:
echo "<script type=\"text/javascript\" src=\"script/script.js\"></script>\n";
حال يه كد ميخوام كه اون خط از فايل رو فراخوني كنه
چطور اين كارو كنم
 

alashti

Member
دوست عزيز ميشه لطف كني كد مورد نظر رو بهم بگي
كدي كه بايد به ايكنها لينك بده :rose::cry:
 

Mr.Steres

Active Member
PHP:
index.php?color=colorname

که مشخصه باید به جای colorname اسم یکی از رنگ ها رو بزاری ...
 

alashti

Member
دوست عزيز كد شما درسته ولي كد php فقط بدرد صفحه اول و يك بار ديدن ميخوره چون با refresh صفحه يا با رفتن به صفحات ديگر اثر اين كد از بين ميره و قالب دوباره به حالت اول بر ميگرده
ولي تو اين كد جاوا اين اتفاق نميفته و درصورتي به حات اول برميگرده كه يا كوكيها رو پاك كنيم و يا خومون عوضش كنيم
 

Mr.Steres

Active Member
حرف شما درسته ! اگر واقعا قصد استفاده از php رو دارید می تونم با سشن و کوکی هم براتون بزارم ...
 

echessdesign

مدیر انجمن طراحی وب
درود بر شما
دوست عزیز، از اونجا که گویا شما چندان اطلاعاتی از برنامه نویسی ندارید، بهتر است که نسبت به برنامه مدیریت محتوای خود، قالبی دانلود کنید که توانایی تغییر رنگ را نیز داشته باشد...
 
کد:
function changeThemeColor(color)
{
    switch(color)
    {
        case "blue":
        default:
            document.getElementById('CSSfile').href = 'themes/MashhadTeam-BlueOcean/style/blue.css';
            setCookie('ThemeColor','blue',7);
            break;
        case "green":
            document.getElementById('CSSfile').href = 'themes/MashhadTeam-BlueOcean/style/green.css';
            setCookie('ThemeColor','green',7);
            break;
        case "red":
            document.getElementById('CSSfile').href = 'themes/MashhadTeam-BlueOcean/style/red.css';
            setCookie('ThemeColor','red',7);
            break;
        case "violet":
            document.getElementById('CSSfile').href = 'themes/MashhadTeam-BlueOcean/style/violet.css';
            setCookie('ThemeColor','violet',7);
            break;
    }
}

این کد اصلا کار می کنه؟
من هم دنبال یه همچین چیزی هستم.
فقط htm , js باشه.
اگه کسی می تونه یه صفحه html ساده بنویسه که با کلیک روی دکمه های داخل اون با جاواسکریپت css فایل عوض بشه لطف کنه یه سمپل برای من بذاره
:rose:
 

alashti

Member
در ضمن دوست عزيز اگر شما چنين قالبي براي سيستم نيوك سراغ دارين به ما هم بديد
 

جدیدترین ارسال ها

بالا