Author Topic: How to edit the roundcube theme ?  (Read 11373 times)

Offline falirki08

  • Newbie
  • *
  • Posts: 5
How to edit the roundcube theme ?
« on: November 26, 2011, 10:49:50 AM »
Hello guys,

Until the release of the theme FLINT, I would like to create one.
I know everything that is design, but my problem is that I am new to the theme céation.

I try to change the default theme with Dreamveawer, but I can not get full web pages, I see only that some piece of the web page, Is this normal ?

Does anyone know how to change the theme of roundcube ?

Thank you in advance for your help

Regards

Offline rosali

  • Hero Member
  • *****
  • Posts: 2,533
How to edit the roundcube theme ?
« Reply #1 on: November 26, 2011, 05:22:27 PM »
Roundcube has its own Skin Markup Language code (kind of XML). Just look into the default skin for examples ...

Code: [Select]
<roundcube:endif />
#mailleftcontainer { width: <roundcube:exp expression=&quot;!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 175&quot; />px; }
#mailrightcontainer { left: <roundcube:exp expression=&quot;!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 185&quot; />px;
<roundcube:exp expression=&quot;browser:ie ? ('width: expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 180).')+\\'px\\');') : ''&quot; />
}

Documentation: Doc_SkinML
Regards,
Rosali
__________________
MyRoundcube Project (commercial)

Offline rosali

  • Hero Member
  • *****
  • Posts: 2,533
How to edit the roundcube theme ?
« Reply #2 on: November 26, 2011, 05:22:42 PM »
Roundcube has its own Skin Markup Language code (kind of XML). Just look into the default skin for examples ...

Code: [Select]

<roundcube:endif />
#mailleftcontainer { width: <roundcube:exp expression=&quot;!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv-5 : 175&quot; />px; }
#mailrightcontainer { left: <roundcube:exp expression=&quot;!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 185&quot; />px;
<roundcube:exp expression=&quot;browser:ie ? ('width: expression((parseInt(this.parentNode.offsetWidth)-'.(!empty(cookie:mailviewsplitterv) ? cookie:mailviewsplitterv+5 : 180).')+\\'px\\');') : ''&quot; />
}


Documentation: Doc_SkinML
Regards,
Rosali
__________________
MyRoundcube Project (commercial)