About Theme

Sencillo is good and stylish theme. There is using nice texture and different custom menu alignment.
You can make each different look according to color code of different screen-shot, For example if you want the color styles of screen 2 then please choose the 6 color code of Screenshot 2.
there is available minimum 9 type of color color for this theme, which means you can achieve 9 different look as color point of view.

Color Schemes

SelectorColor

  • Header color
    #fbbc00
  • Menu background color
    #831107
  • Link color
    #ff6600
  • Blocks header background
    #ad957a
  • Blocks content background
    #e8e0cb
  • Footer background color
    #000000

  

  • Header color
    #940054
  • Menu background color
    #ad738d
  • Link color
    #940054
  • Blocks header background
    #ad738d
  • Blocks content background
    #f4dfe8
  • Footer background color
    #940054

  

  • Header color
    #f2be22
  • Menu background color
    #8a866a
  • Link color
    #713c2f
  • Blocks header background
    #9d6c75
  • Blocks content background
    #f4d9b5
  • Footer background color
    #472e29

  

  • Header color
    #106169
  • Menu background color
    #5a9b9d
  • Link color
    #5a9b9e
  • Blocks header background
    #5a9b9e
  • Blocks content background
    #cfd7d6
  • Footer background color
    #106169

  

  • Header color
    #716d1f
  • Menu background color
    #5a5820
  • Link color
    #716d1f
  • Blocks header background
    #5a5820
  • Blocks content background
    #e1d5c6
  • Footer background color
    #716d1f

  

  • Header color
    #A81000
  • Menu background color
    #bd7966
  • Link color
    #A81000
  • Blocks header background
    #bd7966
  • Blocks content background
    #f3d5ce
  • Footer background color
    #A81000

  

  • Header color
    #69e4ab
  • Menu background color
    #1d2a24
  • Link color
    #23573f
  • Blocks header background
    #677a71
  • Blocks content background
    #eafcf5
  • Footer background color
    #314139

  

  • Header color
    #ddb559
  • Menu background color
    #6d2c10
  • Link color
    #63280e
  • Blocks header background
    #b06544
  • Blocks content background
    #fcddd0
  • Footer background color
    #6d2c10

  

  • Header color
    #66b7c7
  • Menu background color
    #3a3c49
  • Link color
    #4c4f60
  • Blocks header background
    #868aa5
  • Blocks content background
    #daeff3
  • Footer background color
    #458c9a

  

  • Header color
    #b1daff
  • Menu background color
    #2e4457
  • Link color
    #354e63
  • Blocks header background
    #567188
  • Blocks content background
    #e4fbfd
  • Footer background color
    #2e4457

  

  • Header color
    #fae395
  • Menu background color
    #95191e
  • Link color
    #bc253e
  • Blocks header background
    #ca7817
  • Blocks content background
    #faf8cf
  • Footer background color
    #700f13

  

  • Header color
    #8b94dc
  • Menu background color
    #5a2291
  • Link color
    #782ec1
  • Blocks header background
    #a95a9f
  • Blocks content background
    #ffecfd
  • Footer background color
    #5a2291

  

  • Header color
    #88ad40
  • Menu background color
    #161616
  • Link color
    #698532
  • Blocks header background
    #a9b241
  • Blocks content background
    #f2e9c0
  • Footer background color
    #161616

  

  • Header color
    #db382c
  • Menu background color
    #0b0b0b
  • Link color
    #db382c
  • Blocks header background
    #7e7373
  • Blocks content background
    #f7e4e4
  • Footer background color
    #ba2d23

  

  • Header color
    #f4efca
  • Menu background color
    #e2674a
  • Link color
    #e2674a
  • Blocks header background
    #f08220
  • Blocks content background
    #f8e5d3
  • Footer background color
    #bd5840

  

  • Header color
    #a1cbc1
  • Menu background color
    #3f3222
  • Link color
    #833f21
  • Blocks header background
    #909a92
  • Blocks content background
    #e4f0ed
  • Footer background color
    #3f3222

  

  • Header color
    #b3b675
  • Menu background color
    #b85300
  • Link color
    #cc2800
  • Blocks header background
    #fc7d49
  • Blocks content background
    #f2d16e
  • Footer background color
    #313524

  

  • Header color
    #f9dad9
  • Menu background color
    #646262
  • Link color
    #db382c
  • Blocks header background
    #c0807f
  • Blocks content background
    #feeae9
  • Footer background color
    #646262

  

  • Header color
    #dcd6a6
  • Menu background color
    #95be3f
  • Link color
    #648126
  • Blocks header background
    #788564
  • Blocks content background
    #dee9ce
  • Footer background color
    #95be3f

  

  • Header color
    #b9bd9f
  • Menu background color
    #ad6a35
  • Link color
    #e06a36
  • Blocks header background
    #e06a36
  • Blocks content background
    #f7d7bd
  • Footer background color
    #6f725f

  

  • Header color
    #f1eba6
  • Menu background color
    #472e29
  • Link color
    #381c12
  • Blocks header background
    #948658
  • Blocks content background
    #f0e99a
  • Footer background color
    #381c19

  

  • Header color
    #0066b3
  • Menu background color
    #0066b3
  • Link color
    #7A554B
  • Blocks header background
    #0066b3
  • Blocks content background
    #d8e2f7
  • Footer background color
    #0066b3

The Main Feature Of Setting Page

  1. Page Header Content

    At this feature there is two options, either you can choose "page heading" for display header text at top header or you can chose the "display logo" for displaying logo at top header,
    If you want to put particular logo at header then you can choose the display logo at "Page header content" and can give the url of that logo at "logo field",
  2. Logo

    You can attach the logo online or locally by giving url at "logo field".
    Online:- You can use the image online by giving url for logo
    eg:- http://static.vidyamantra.com/cdnvidya/images/logo.png,

    Locally :- You can make your own logo and put that image into your theme of moodle, and give that url of that image into "Logo" field of setting page.
    eg:-yourSever/moodle2x/theme/sencillo/pix/images/moodle_log.gif
    Or
    You can put that logo into images folder(yourtheme/pix/images) with the name "header-logo.jpg" and please don't give any url into "logo field" in that case,
    Note :- The best logo size is 300 x 80
  3. Others

    So these above feature are core feature of our theme, there are other features also you can get into our theme like

    • Hover color of menubar
    • Blocks and menubar color
    • Blocks/Menu heading color
  4. Which theme folder have to upload

    After Unzip the downloaded theme, you will get the folder named mooldetheme, there you can get three folders inside it(2.0, 2.4 and 2.5)
    According to your moodle version please copy the relative theme folder and paste it into theme folder of your moodle.
    Eg:- My moolde version is moodle2.4 then I would choose sencillo and sencillomobile themes from 2.4 folder and put this into theme folder of my moodle.