Roundcube Community Forum

Themes & Styling => Theme Releases => Topic started by: falirki08 on November 26, 2011, 10:49:50 AM

Title: How to edit the roundcube theme ?
Post by: falirki08 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

Title: How to edit the roundcube theme ?
Post by: rosali 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 (http://trac.roundcube.net/wiki/Doc_SkinML)

Title: How to edit the roundcube theme ?
Post by: rosali 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 (http://trac.roundcube.net/wiki/Doc_SkinML)