Diabolique Design

Diabolique Spring Wordpress & Blogger Theme

Box

  • Boxes with shadow effect
  • Widget ready
  • Tested on IE7, IE8, IE9, Firefox 2, 3, 4, Opera 10, Netscape 9.0, Safari 4.0, Flock 1.2, Flock 2.0, Sea Monkey 1.1, Chrome 4.0
  • "No more IE6" alert for Internet Explorer 6 - www.ie6nomore.com
  • Threaded comments
  • Font replacement
  • Social bookmarking icons
  • Compatible with WordPress 3
  • 4 types of horizontal background:

    Backgrounds


  • 3 types of background for headline


    Backgrounds


    Live preview (WP)

    Live preview (Blogger)

    Live preview (Blogger, Silver)

    Translation tutorial (WP)

    Download
    v1.2.1 for WP

    Download

    v1.0.1 for Blogger

    Download

    v1.0.1 for Blogger (Silver)

    Help


    Dear Users,
    Do you have english language blog? If yes, so that means you need only Basic Latin glyphs for Sansation font. Save 80kb and replace following line in header.php (WP):

    http://diaboliquedesign.googlecode.com/files/Sansation.font.js

    for:

    http://diaboliquedesign.googlecode.com/files/Sansation_basic.font.js





    line

    TALK

    1. Hello, I like the theme u made!
      I just want to know how to change this small pic of the sunglasses boy? and how to put a head banner instead of the Outragemontreal.com?
      here is the site:http://outragemontreal.com/

      Thank u very much!


      1. Hello,

        If you want to change an avatar, you have to upload a new image to "wp-content/themes/diabolique-spring/img/photo.png"


        for put a graphic banner, open wp-content/themes/diabolique-spring/header.php

        find:
        <div id="logo"><h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1></div>

        and put an image html code like:

        <img src="<?php bloginfo('template_url'); ?>/img/logo.png" alt="Logo" width="100" height="100" />

        instead:

        <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>


        1. Hello, thx for replying.

          1.For the avatar, where I can upload, as I'm using an online version WP.

          2. For the banner, I did what you taught me, but now the top yellow is gone away, and the articles is going up, as u can see now£ºhttp://outragemontreal.com/

          What should I do????? :( Helppppp:)






          1. And, could u tell me how to revet....
            I did a mess, I want to be back from zero... what could I do? Thanks a lot!!!!


            1. Just upload header.php once again


              1. But, I'm using the online version of WP, how can I upload ? Sorry for my questions and Thank u very much!


                1. I've never heard of "online version of WP".
                  Where is your site hosted?
                  If you edited a header.php file then you can edit info.php, info2.php files too and upload image to exernal server such as imageshack.us

                  If you damaged header.php file then copy code from
                  http://themes.svn.wordpress.org/diabolique-spring/1.1.4/header.php

                  and paste code to your header.php


                  1. Ah, I guess I'm near there ! Thank youuuuuuuuuuuuuuuu sssssssssssooooooooooooooo much!

                    Still, how can we give more height for the banner? I mean how can we push the blog box a bit more down?


                    1. And I still can not find the avatar's place....


                    2. Increase #header's height in style.css


          2. You shoud upoad it to "wp-content/themes/diabolique-spring/img/photo.png"
            via FTP client.
            Or open (via dashboard) info.php + info2.php and change path (scr) for image
            <img src="<?php bloginfo('template_url'); ?>/img/photo.png" alt="Photo" width="85" height="80" />


            Speaking about logo, I dont see any your logo here http://outragemontreal.com/wp-content/themes/diabolique-spring/img/logo.png

            You should upload (via FTP) your logo here: /wp-content/themes/diabolique-spring/img/


    2. Hey,

      I think your theme is just what I´m looking for... However, whenever I insert a widget in the the side bar (this goes for all the widgets), its pushes the menu bar right to the bottom??

      Is there any way of making the menu bar at the top of the list??

      thanks in advance

      Lee =)


      1. Hey,

        open sidebar.php and remove

        <div class="sidebar-box"><h3>Menu</h3>
        <div class="menu">
        <ul>
        ...................
        </ul>
        </div><!--menu ends-->
        </div><!--sidebar-box ends-->


        1. oh boy. I screwed this up and my website!! I thought your note said, to move the MENU area (About, etc) to the top of the page we were supposed to remove the code above. I did that and the whole thing went away. So I went back and repasted the code and all I got was the word MENU - nothing else.... URRRRRRGHHHHH. Please help, www.YaJagoff.com


        2. removing this code does not work properly. I have done it now on a second copy of this theme. It completely removes the Menu and moves the widgets up. When I replace this copy, the Menu comes back to the left side bar and is below the widgets. Now that I have my website set back to where it was, can you please assist me in moving the MENU to be at the top of the left margin below the subscription and blog roll WIDGETS? Thanks.


    3. Hi, thx for helping, here I have another two questions:

      1. Why my search engine doesn't work since I changed the icons' positions?

      2. How could I change the background and the headline colours into purple without changing all the modifications for positions that I did.


      Thannk again:)


    4. 1. I don't know. Looks like DIVs positions issue.

      2. Changing images for backgrounds like img/bg-top.png in #container and bg color for body


    5. Hi .
      I would like to use this theme in Hungarian language.
      I find out some problems in specific characters like :õ û
      example:
      i put the title like cégünkrõl and apears only cegunkrl
       what can be the solution for this ?
      Thx


      1. Hi,
        Sansation font doesn't support such chars
        http://www.dafont.com/sansation.font

        You can disable font replacement removing cufon and sansation from header.php


    6. I am having probelms with this theme in the latest IE.. images are not veiwable and css does not seem to set corectlt.. is this a known issue? or website is at https://www.kejora.net/wordpress/


      1. It's because Sansation font and icons are hosted on external server and IE8 blocks it. You can download other version from this website with included Sansation and icons.
        Just replace header.php, /js and /img folder.


    7. Thanks for your quick reply, that fix the problem.. thanks again


    8. Thx. for your help.
      Can you suggest a good font type to use?


      1. Well, go to http://ww.dafont.com and find font with Hungarian chars.
        You can read how to change font here http://www.diaboliquedesign.com/diaboliquespring/help.php


    9. Great Theme.!!
      I have just one problem..:-(
      http://imgur.com/WWPPM.jpg

      If you notice the guy on the right sidebar[the avatar]
      It's a little out of place..I don't know why..>??

      Please help.


      1. Maybe try to add such code:
        <div class="clear"></div>
        after post image


    10. RE: Sunglasses guy image on all posts. I sent a question and you responded with "upload a new image to wp-content/themes/diabolique-spring/img/photo.png"

      I am not sure what you mean. do I go into my WP Dashboard and find this link?


      1. You should upload new avatar image into

        wp-content/themes/diabolique-spring/img/photo.png

        using FTP client or File Manager in your hosting cPanel


    11. forgive me for sounding stupid but, I have already loaded the photo that I want to replace the avitar into my WordPress Gallery. Is the cPanel that you referred to my WordPress Dashboard?


      1. No, use your hosting panel's FTP File Manager


    12. Now I have REALLY scrwed it up. None of my page comes up I get an error: Parse error: syntax error, unexpected T_ENDIF in /home/content/d/a/n/danielcasciato/html/yajagoff/wp-content/themes/diabolique-spring/sidebar.php on line 13

      Is there some way to just REVERT to the original code?????


    13. Copy default sidebar.php theme file into template folder.


      1. we are almost there, 2 more quesetions:

        1) is it possible for you to view my sight and tell me what I do next? ww.YaJagoff.com. I did not touch any area of coding but the postings are out of line

        2) after this is fixed, how do I get the MENU area to be at the top of the left column above the blog roll and above the subscription area?

        this is becoming so frustrating


        1. 1) I don't see nothing wrong on yout blog
          2) Look here http://www.diaboliquedesign.com/diaboliquespring/#comment-2


          1. You don't see anything wrong because we were able to get it back to its orginal format.

            However, I am still interested in moving the MENU above blog roll and the subscription widgets.

            Removing this code as you described above not work properly. I have done it now on a second copy of this theme. Removing the code completely removes the Menu and moves the widgets up. When I replace this desginated code, the Menu comes back to the left side bar and is below the widgets.

            Can you please assist me in moving the MENU to be at the top of the left margin below the subscription and blog roll WIDGETS? Thanks.





            1. Download recent version available on this page.


              1. where on this page?


    14. Hey thanks for the great theme. I had a question though. How do you change the yellow color to something else? Thanks again.


      1. Open a style.css file, find background-image:url("img/bg.png"); and change it for bg2, bg3, bg4


        1. great. what about changing the the font colors for the title, posts, etc. and the sub title bar (yellow bar below the Main Heading). I basically want to change everything thats yellow to a different color.


          1. Don't you think that you expect little too much? Try freelancer.com


    15. This is getting VERY VERY frustrating!!!!! I am STILL trying to simply get the MENU to appear above the WIDGETS. I tried to download the new version as you directed however keep getting a compressed zipped folders error and the files will not download.. PLEASE ASSIST!!!!


      1. Just remove following code from sidebar.php:

        <div class="sidebar-box"><h3>Menu</h3>
        <div class="menu">
        <ul>
        <?php wp_list_pages('title_li='); ?>
        </ul>
        </div><!--menu ends-->
        </div><!--sidebar-box ends-->


        There is no problem with file download. Why other users don't have problems with file download?


        1. After removing menu, you can activate new "pages" on widgets area.


    16. Gravatar

      Cover Letters

      Reply

      The Diabolique Spring theme was simply outstanding!! love it!


      <a href="http://www.samplecoverletter.org/";>cover letter</a>




    17. This is a great themes, i like it

      can you tell me how to limit the post in the home like in the preview for wp??


      1. Gravatar

        Diabolique

        Reply


    18. thanks !


    19. Great theme but the social network buttons have disappeared and standard photobucket "we are doing a little work" warninging there?!



      1. Gravatar

        Diabolique

        Reply

        Download this theme from our website. Wordpress.org doesn't allow to host some images under some licences.


    20. Ok thanks,

      the thing is that it has been working fine then the buttons suddenly disappeared this morning?


      1. Gravatar

        Diabolique

        Reply

        Version available on this page doesnt need photobucket service.


    21. thanks dude... Great design I love it...Prob my my fav WP theme so far..


    22. I love your theme. I use it on www.sprintxoom.com and some how i lost my social buttons on the header. How can I restore them?


      1. Gravatar

        Diabolique

        Reply

        Download theme from our website. Wordpress.org doesn't allow to host some images under some licences. Version available on this page doesn't need photobucket service.


    23. I want to use bangla font. How can I add unicode based font?

      http://cufon.shoqolate.com/generate/
      Does the generated .js font from here support unicode?


      1. Gravatar

        Diabolique

        Reply

        You can put all needed glyphs into form under:
        ".. and also these single characters"


        1. I have tried that but it doesn't work...


          1. Gravatar

            Diabolique

            Reply

            It must work. Also we don't offer customisation services for free themes.


    24. I have not changed anything and the menu is not showing up.

      daburghblog.com


      1. Try to add Pages or Custom Menu widgets to your sidebar.


    25. Hey, Great theme. I just want to modify it so the content area right margin box isn't there. I'm trying to get rid of the darker grey rectangle where there avatar and time go in.



    Leave a Comment

    Comments system uses GRAVATAR.COM service.




    line

    Check Also:

    Diabolique fountainDiabolique pearlDiabolique lagoon