Fork me on GitHub

Search

Donat-O-Meter

Make donations with PayPal!
Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00

Learn XOOPS Core

Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

- 2 2.5 2.6 4 6 Abuse Android AntiHarvesting AntiSpam API Apple Battlefield billige Blocks Bootstrap Captcha cell chronolabs content CĂN demo Digitally download Dresses facebook Fat floor for free Gateway Google Guide herre Home Honeypot HP html5 Human HỘ IP iPhone jQuery Language Law Legal List Loss module modules Monster new newbb news NHÀ online PARK Payment phone PHP Prevention profile project Protector publisher Rapid RESIDENCE responsive review Rights rmcommon Room security Sentry Signed site Smartphone Smarty Solution Spam stem Studio support tag tags tdmcreate template The Theme themes User userlog web weight xoops Xortify XPayment ZendFramework

New Users

Registering user

# 137911

mydarkglobe

Welcome to XOOPS!

Archives

News Archives

Maitsco Corporate Theme

Posted by mariane on 2010/5/22 11:50:00 (4008 reads) | Posted on Themes
hello Xoopsers,
based on the default theme in the 2.4.5 rc, I built my new theme "maitscocorporate". in this theme I used:
- CS3 to make curvy corners and shadows
- curvy jquery (http://www.curvycorners.net) to make the tables curvy
(essentiel for IE because CS3 isn't validated by IE yet)
- S3Slider jquery effect , I took it from this link(http://www.serie3.info/)
- Quick edit/delete/ad for the block
- Avatar picture shown in the usermennu
- Links in Horizontal menu are highlighted accordingly to the module that you are browsing
- Few changes to the news module templates and for the system templates (search, siteclosed, redirect page)
- Footer divided on 4 parts easily editable from theme.html

due the incompatibility of IE with cs3,there is a few difference between the theme in IE and others browsers.

Resized Image


I hope you will like it.
demo
download

The theme is available also in arabic (rtl) and available for download in arabxoops.com

a big thanks for : Mowaffak (arabxoops), Kris (Kris_fr); Nikita(from frxoops) and Tatane(from frxoops) for their
precious helps, advices and test.


Printer Friendly Page Send this Story to a Friend Create a PDF from the article
Bookmark Me
Bookmark to Google Plus
The comments are owned by the author. We aren't responsible for their content.

As always, a great theme!

Thank you so much for sharing!
Published: 2010/5/22 11:59 • Updated: 2010/5/22 11:59
Good job Mariane
Published: 2010/5/22 12:58 • Updated: 2010/5/22 12:58
Great !!! Miss
Thanks for sharing
Published: 2010/5/22 13:26 • Updated: 2010/5/22 13:26
Great job mariane
Published: 2010/5/22 14:34 • Updated: 2010/5/22 14:34
Thanks for sharing
Published: 2010/5/22 15:54 • Updated: 2010/5/22 15:54
Thanks
Published: 2010/5/22 16:05 • Updated: 2010/5/22 16:05
Very smart!
Published: 2010/5/22 17:49 • Updated: 2010/5/22 17:49
More than nice :) Great job!
Published: 2010/5/22 18:45 • Updated: 2010/5/22 18:45
Nice work, thanks.
Published: 2010/5/23 0:08 • Updated: 2010/5/23 0:08
Nice Theme, Thank you Mariane.
Published: 2010/5/23 2:15 • Updated: 2010/5/23 2:15
Thanks very nice
Published: 2010/5/23 11:07 • Updated: 2010/5/23 11:07
a nice contribution, please add more professional themes like this !
marco
Published: 2010/5/23 13:33 • Updated: 2010/5/23 13:33
Very Nice, I like the Theme.
Published: 2010/5/23 14:35 • Updated: 2010/5/23 14:35
Nice theme... :)
Published: 2010/5/23 16:39 • Updated: 2010/5/23 16:39
Very nice, thanks for sharing !
Published: 2010/5/23 17:57 • Updated: 2010/5/23 17:57
Thank mariane.

In IE 8, in your demo it have a warning message
Resized Image

Published: 2010/5/26 14:11 • Updated: 2010/5/26 14:11
I like it. Great job!
Published: 2010/5/26 21:57 • Updated: 2010/5/26 21:57
@ all, many thanks.
@ oswaldo : because IE can't show the rounded corners, I used a jquery file and a css3 code, once you test it without setting the right block for example, you will get this error only in IE, to resolve it you can:
- use the right block
or (in case ou dont need to use it)
go to style.css and remove the code , from the right block title, line 263 :
border-radius:             5px;
    -
moz-border-radius:     5px;
    -
webkit-border-radius:     5px;
    
box-shadow:             0 20px 10px -10px rgba(255,255,255,0.3inset;
        -
moz-box-shadow:     0 20px 10px -10px rgba(255,255,255,0.3inset;
        -
webkit-box-shadow0 20px 10px -10px rgba(255,255,255,0.3inset;}


also you can leave it and add this line :
filter:progid:DXImageTransform.Microsoft.Shadow(color='#bbbbbb'Direction=135Strength=5); 
        
zoom1;

in this case when you use IE, there is a shadow under the block instead the rounded corner (as shown in the block center).

I am sorry for this, but I couldnt make the theme conforming 100% with all browsers.
I hope with the time I can do it.
Published: 2010/5/27 2:49 • Updated: 2010/5/27 2:49
I did small corrections to the maitsco corporate theme :
- to solve the problem caused by curves in IE : I added :
</script> 
<script type="text/javascript">  
var curvyCornersVerbose = false;  
</script>

to solve the problem of any conflit between jqueries codes, I called the jquery code necessary for this theme from the js librairy in xoops.
<script type="text/javascript" src="<{$xoops_url}>/browse.php?Frameworks/jquery/jquery.js"</script>

so now you can update your theme.html by adding these codes,or download again the theme corrected fron the same link.

a big thanks for Mowaffak who helped me to fix these errors, and thanks for everyone supportded me and tried the theme. and I am sorry about any mistake or bug caused to you by this theme.

Regards,
Mariane.
Published: 2010/7/22 6:24 • Updated: 2010/7/22 6:25
Broken Link =/
Published: 2013/1/12 19:28 • Updated: 2013/1/12 19:28