1. Tudásbázis
  2. Sminkek
  3. 4 évszak smink

4 évszak smink

Beküldte Désiré - 2008. február 5. 18.11
Désiré képe

Szeretnék egy kis segítséget kérni a 4seasons smink testreszabásában.

A smink lehetőséget ad arra, egy php+js kombinációval, hogy az oldal egyes színeit egyetlen kattintással, újratöltés nélkül át lehessen állítani. Viszont ha frissítjük az oldalt, vagy egy másik tartalomra kattintunk, elfelejti ezt a beállítást, és az eredeti css alapján fog megjelenni. Szeretném elérni azt, hogy ezeket a változókat megjegyezze ilyenkor, ehhez kérném a segítségeteket.

A sminket itt értem el: http://drupal.org/project/fourseasons
Itt is írják, hogy ezeket a változókat még nem jegyzi meg, csak tervben van ez a funkció... én viszont szeretném egyénileg megoldani...

Így néz ki az a php fájl, ami működteti ezt a funkciót:

<script type="text/javascript" src="/theme/misc/jquery.js"></script>
<script type="text/javascript" src="/theme/misc/drupal.js"></script>
<script type="text/javascript" src="/theme/misc/collapse.js"></script>
 
<script type="text/javascript">
 
function toggle_style(color) {
  $('#header-image').css('background-color', color);
  $('h1').css('color', color);
  $('h2').css('color', color);
  $('h3').css('color', color);
  $('#headline a').css('color', color);
}
 
</script>
 
<style type="text/css">
    #font span,
    #farben span {
      font-family:arial; 
      color:#333333; 
      font-size:10px; 
      text-decoration:none; 
      float:left; 
      display:block;
    }
 
    #farben a {
      width:10px; 
      height:10px; 
      display:block;
      float:left;
      margin-left:5px;
    }
 
    #font a {
      display:block;
      float:left;
      margin-left:5px;
      font-family:arial;
      color:#cccccc;
      font-size:10px;
      text-decoration:none;
    }
  </style>
 
  <div id="farben">
    <span>try another color: </span>
    <a href="#" style="background-color:#FF9900;" onClick="toggle_style('#FF9900');"></a>
    <a href="#" style="background-color:#003366;" onClick="toggle_style('#003366');"></a>
    <a href="#" style="background-color:#990000;" onClick="toggle_style('#990000');"></a>
    <a href="#" style="background-color:#CCCCCC;" onClick="toggle_style('#CCCCCC');"></a>
    <a href="#" style="background-color:#006699;" onClick="toggle_style('#006699');"></a>
    <a href="#" style="background-color:#000000;" onClick="toggle_style('#000000');"></a>
  </div>
 
  <div id="font">
    <span style="margin-left:20px;">try another fontsize: </span>
    <a href="#" onClick="$('body').css('font-size','60%');">60%</a>
    <a href="#" onClick="$('body').css('font-size','70%');">70%</a>
    <a href="#" onClick="$('body').css('font-size','80%');">80%</a>
    <a href="#" onClick="$('body').css('font-size','90%');">90%</a>
  </div>
Fórum: 
Sminkek
pp képe

Beküldte pp - 2008. február 6. 07.30

Kliens oldalon el tudod menteni sütibe, de érdemes a szerver oldalon is elmenteni, hogy ha legközelebb jön a júzer akkor is a beállítása fogadja.

Szóval nem egyszerű a kérés, lehet pont ezért nincs még megoldva.

pp

0
0

Palócz István
https://palocz.hu | https://tanarurkerem.hu

eMeLA képe

Beküldte eMeLA - 2008. február 6. 13.12

Jquery + PHP el tudod menteni az adatbázisba, az új oldal lekérésénél pedig az adatbázisból kiolvashatod. A sütit meg hagyd, hogy a nagymama süsse ;)

0
0

...mit tudok: http://web.termuves.hu

Désiré képe

Beküldte Désiré - 2008. február 6. 14.16

Köszönöm a segítséget, de akkor egyenlőre hanyagolom a dolgot.

Valójában ennek a megvalósításához még nincs elég tudásom, a Drupallal már jól boldogulok, de a php és mysql nyelv stb megtanulása még csak napirenden van...

Azért kérdeztem mégis, mert azt hittem, hogy ez valójában rutin, és egy 5-6 soros kódban válaszoltok. De tévedtem, akkor ez bonyolultabb, mint sejtettem, azt meg nem szeretném hogy Ti dolgozzatok helyettem.
De majd nemsokára visszatérek a kérdésre, és megcsinálom, amint tanultam hozzá eleget, és persze kérdezek ha megakadtam.

Még egyszer köszi.

0
0

- - -
Juhász Márton

http://juhaszmarton.hu

eMeLA képe

Beküldte eMeLA - 2008. február 6. 23.34

Ha nagyon ráérsz akkor lehet játszani a JavaScript-el, de alapból a tartalom a fontos, nem az, hogy tudsz-e szint váltani vagy nem. Én legalábbis erre helyezném a hangsúlyt.

0
0

...mit tudok: http://web.termuves.hu

Désiré képe

Beküldte Désiré - 2008. február 7. 01.28

Ezt én tudom, azthiszem picit félreértettél...
Csak azt mondtam, hogy majd megtanulom a szükséges programnyelveket (ettől függetlenül is) és majd gyakorlásképp megcsinálom ezt a színváltós dolgot is...

0
0

- - -
Juhász Márton

http://juhaszmarton.hu

bravium képe

Beküldte bravium - 2008. március 1. 00.07

Szerintem arra mindenképpen jó ez a smink, már jelen állapotában is, hogy lehetőséget ad a betűméretek változtatására. Én alapvetően blogírásra használom a drupalt, és többször előfordult már, hogy egyes látogatóim reklamálták a számukra olvashatatlan betűméretet. Ezzel a sminkkel lehetőséget adok számukra, hogy egy blogbejegyzés elolvasásának erejéig megnöveljék a fontméretet. Aztán, ha egy másik tartalomra váltanak, legfeljebb újra rákattintanak a font %-os linkek valamelyikére, ami nekik megfelel.

Viszont az mindenképpen jó lenne, ha a fejlécváltó funkciót is ki lehetne használni. Alaphelyzetben megjelenik egy jpg kép fejléc gyanánt, viszont színváltásoknál nem újabb képeket tölt be a fejléc helyére a smink, hanem csak a háttérszínüket változtatja meg. Ennek szerintem sok értelme nincs. (Különböző színű, 960*80 pixeles téglalapok váltogathatók a fejlécben.) A template.php-ban megtaláltam ezt a sort:

$("#header-image").css("background-image", "color");

...és a végén lévő color-t átírtam image-re, ezáltal mindig ugyanazt a fejlécet adja be színváltoztatás esetén is. Ha te már közben rájöttél, hogy miképpen lehet elérni a színváltásoknál a fejléckép-cserét is, akkor örömmel olvasnám megoldásodat.

0
0
Désiré képe

Beküldte Désiré - 2008. március 1. 20.15

Nem template.php-t kell átírni, hanem azt a fájlt, amit a topicnyitó bejegyzésben is bemásoltam.
Ez a smink könyvtára/admin/toggle-style.tpl.php fájl.
Ha egy kicsit értesz a programozáshoz, akkor elég sokmindent meg lehet változtatni vele.

A kép megváltoztatását sajnos még nem próbáltam megoldani, de arra is itt keresd a megoldást.

0
0

- - -
Juhász Márton

http://juhaszmarton.hu

bravium képe

Beküldte bravium - 2008. március 1. 23.32

Most bajban vagyok, mert én tegnap szedtem le a tegnapi keltezésű témacsomagot, de abban egy fia admin könyvtár sincs, toggle-style.php úgyszintén. Az lehet a megfejtés, hogy én az 5-ös sorozathoz tartozót használom, te meg nyilván a 6-oshoz tartozót.

0
0
Désiré képe

Beküldte Désiré - 2008. március 4. 19.35

A mostani verzióban tényleg nincs... én még egy dev verziót használtam. Ebben az újabn ez a file-rész valóban a template.php ban van, és rá is hibáztál arra, hol...

Most sikerült megoldanom a képváltás kérdését. Leírom, hogyan!
A template.php-ban a toggle_style függvény csinálja a színváltást. Ennek egy változója van, ami a szín váltásért felel. Létre kell hozni hozzá egy másik változót, ami majd a képet tartalmazza, majd két sorral lejjebb ezt a változót kell beírni a background-image-hoz. Majd azon a részen, ahol a színek váltását okozó gomboknak van a kódja minden sznhez beírord még a kívánt fejléc kép elérési útját...

Nos... hogy kicsit érthetőbb legyen, beírom a kódot :D
37-39. sor:

    function toggle_style(color, img) {
      $("#header-image").css("background-color", color);
      $("#header-image").css("background-image", img);

Az első két színváltó gomb kódja: (49., 50. sor)

      <a href="#" style="background-color:#FF9900;" onclick="toggle_style(\'#FF9900\', \'url(sites/all/themes/fourseasons/img/head.jpg)\');"></a>
      <a href="#" style="background-color:#003366;" onclick="toggle_style(\'#003366\', \'url(sites/all/themes/fourseasons/img/head01.jpg)\');"></a>

A többi színváltós gombot is így kell átírni, és mindhez másik kép lesz akkor.

0
0

- - -
Juhász Márton

http://juhaszmarton.hu

bravium képe

Beküldte bravium - 2008. március 5. 14.53

Köszönöm! Neki is látok izibe. :)

0
0