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

screenshot1

SelectorColor

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

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

  

  • 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.