WordPress.org

Ready to get started?Download WordPress

Forums

new Theme: iRoybots SlatyStain (46 posts)

  1. _erik_
    Member
    Posted 8 years ago #

    hi everyone,
    I've put my current page design for download (my first theme btw).
    It's called "iRoybots SlatyStain" and can be found at the Demonstration Page.

    I highly recommend to install the "Revised-Image-Headlines" Plugin before activating the theme which adds a PNG image (based on a ttf-font of your choice) to a posts' title.
    The whole Stylesheet is placed in Stylesheet.php in order to use php-compression. (server-side caching via gzip)
    Several alternate Sidebar Images are included in the Zip (headlines) as well as a blank header.jpg
    hmm, whatelse? A mimetype-switch decides to send XHTML 1.1 (application/xhtml+xml) or HTML 4.01 (sgml) depending on the browser the visitor uses...

    One Question:
    Would be nice if someone knows a way to avoid the code, that is necessary to put directly into posts to display the thumbnails (the thumbholder consists if several divs - take a look at demo-page for example code). I've thought of an additional tag <fancythumb><img src="bla.bla" /></fancythumb> something like that, that was more theme-switch-friendly...
    any ideas on this issue?
    if you find any errors or bugs, please report them in order to fix.

  2. eridan
    Member
    Posted 8 years ago #

    I like the design. One thing though, your content negotiation isn't working as it should, since my firefox is being served xhtml as text/html. Or did is misunderstand something here?

  3. eragle
    Member
    Posted 8 years ago #

    Very impressive theme. I love that look.

  4. _erik_
    Member
    Posted 8 years ago #

    eridan,
    the pages should be send to your browser as "application/xhtml+xml" (Response Header) that doesn't influence the meta-tag "Content Type" that still says "text/html" because thats what the content is written in.
    If you watch the pages source you'll see <?xml version="1.0" encoding="utf-8" ?> in the first line (not in IE because that would cause quirks-mode), what declares the doc to be xml.

    if you dont believe it, go to http://www.web-sniffer.net and type in my URL :-) or if you are using the Web-Developer Extension (FF) go to Information->Show Response Header. There you should read "application/xhtml+xml" if not you're right and somethings going wrong... :-/ [edit] you need the trailing slash because contact-sheet.de/blog is redirected to contact-sheet.de/blog/[/edit]

    eragle, thanks :-) compliments are appreciated ;-)

  5. hooopla
    Member
    Posted 8 years ago #

    That's a really interesting theme. Simple, but lots of visual interest in the details. I like the colour scheme as well. Good work!

  6. eragle
    Member
    Posted 8 years ago #

    I'm not sure what attacts me to this theme. The colors are one thing but it may be that "aged" look given to the graphics. How did you do the header logo erik?

  7. _erik_
    Member
    Posted 8 years ago #

    hoopla, thanks!

    eragle, funny you like especially the header because thats the part that IMHO needs correction (i think its too dark for the first thing to be recognized)
    all you need is a photo (a nice flower for example :-)) preferably photoshop, some additional brushes and a tutorial like this one (that is written in german) paperFX
    for that customizing-purpose is the blank_header.jpg

  8. Yngwin
    Member
    Posted 8 years ago #

    That's a beautiful theme!

    I myself have found though that sending as application/xhtml+xml often produces problems because WordPress does not check/correct for well-formedness, leading to broken pages when clueless authors and plugin writers generate broken code. You should make the mime-type switch optional for those who want to take the extra effort themselves, and not bother most of the WordPress users who just want to use your beautiful theme.

    (see also my article Markup in the Real World)

  9. dss
    Member
    Posted 8 years ago #

    What a beautifully presented Theme.

    Good work!

  10. Makki
    Member
    Posted 8 years ago #

    i get the following errors when attempting to apply theme....

    Warning: file(/usr/home/makki/htdocs/blog/wp-content/themes/slaty/style.css): failed to open stream: Permission denied in /usr/home/makki/htdocs/blog/wp-includes/functions.php on line 1434

    Warning: implode(): Bad arguments. in /usr/home/makki/htdocs/blog/wp-includes/functions.php on line 1434

    Warning: main(): Failed opening '/usr/home/makki/htdocs/blog/wp-content/themes/slaty/index.php' for inclusion (include_path='.:') in /usr/home/makki/htdocs/blog/wp-blog-header.php on line 221

    I dunno how to fix this

  11. _erik_
    Member
    Posted 8 years ago #

    makki,
    ok here's a short workaround (terrible word) for the mimetype-thing (in order not to do it my own - maybe laters)
    would you please edit header.php?
    remove the line saying: include ('mimetype.php');
    this is at the very beginning of that file and replace it with this instead:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

    thanks yngwin, for now i just added some info on the demo page, but thanks for that hint will be considered for the next update of the zip file. but theres also a plugin out there called xvalid, that does the mentioned check of at least the comments i think. but true, wrong code -> no page, hmm... i'll defenitely check comments and keep an eye on this...

    dss, thank you :-) "beatifully presented" you talking about the demo-page? or theme itself? hmm...

  12. Makki
    Member
    Posted 8 years ago #

    _erik_ thanks man ill do that let ya know

  13. Makki
    Member
    Posted 8 years ago #

    i still get this errors...

    Warning: main(): Failed opening '/usr/home/makki/htdocs/blog/wp-content/themes/slaty/index.php' for inclusion (include_path='.:') in /usr/home/makki/htdocs/blog/wp-blog-header.php on line 221

  14. _erik_
    Member
    Posted 8 years ago #

    I'm not sure where the error comes from, but a site that doesn't validate as xhtml 1.0 transitional won't validate (or even show up) as xhtml 1.1 (as xml)
    so better replace the doctype with the one you have right now (xhtml 1.0 transitional - saying: !DOCTYPE and html both two tags)
    just pick the ones you got in your current theme, ok?
    hope that helps :-)

  15. Makki
    Member
    Posted 8 years ago #

    ok will do

  16. Makki
    Member
    Posted 8 years ago #

    made no difference at all sorry i did it twice no effect

  17. nmallory
    Member
    Posted 8 years ago #

    I have some issues with navigation on the demo site but I do like the color scheme. I may steal the color scheme when I redo my weight loss blog.

  18. simosx
    Member
    Posted 8 years ago #

    Amazing theme!!!

    I would love to see it localised, per
    http://boren.nu/archives/2004/11/01/localizing-plugins-and-themes/

  19. Makki
    Member
    Posted 8 years ago #

    damnit doesnt happen to me on any other themes

  20. _erik_
    Member
    Posted 8 years ago #

    this is btw a very strange validation error, that i heven't seen so far:

    I got the following unexpected response when trying to retrieve <http://makki.negimaki.com/blog/>:

    412 Precondition Failed

    Please make sure you have entered the URL correctly.

    so again i'm not sure what causes the error. i had another idea, but making your site validate (validator.w3.org) would be first advice to give [if i knew what causes that message :-/ very strange] so maybe its a caching error caused by gzipping the stylesheet. if that was the case (you see im just guessing ...) you'll have to copy everything from Stylesheet.php (starting after ?> with the line that says /*) and save it as style.css
    furthermore you'd change the header.php line with the stylesheet ref into:
    <link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/style.css" />
    if this doesn't help i have no clue for now.
    maybe you could additionally write a file called info.php with the following content: <?php phpinfo(); ?> and store it in your domains root-folder, so i can take a closer look at your configuration tomorrow...
    greets erik

  21. _erik_
    Member
    Posted 8 years ago #

    makki, but none of your themes validate? have you noticed?

  22. iraq
    Member
    Posted 8 years ago #

    Anyone knows an English tutorial to do such effects on images??

  23. Makki
    Member
    Posted 8 years ago #

    this is a theme problem not my server setup also this appears to be a wp 1.2 not 1.5 compliant theme. anyways nice theme but i will leave it for now thanks

  24. _erik_
    Member
    Posted 8 years ago #

    makki, i'm really confused but sorry for the problems anyway, did you really replace the first two lines of header.php with XHTML 1.0 Transitional Doctype and html tags? else i try to help tomorrow, see you!

    iraq, this is simple css: opacity-attribute (0.5 for links and 1.0 for hover) additionally for the ie there is filter: alpha(opacity=50) and the according 100 for the hover. all other geckos want -moz-opacity: .5 (for example) but that doesn't validate and i also have problems getting netscape to do this (still dont)
    kind regards

  25. _erik_
    Member
    Posted 8 years ago #

    makki,
    i'm too new to wp that the theme could be written for wp 1.2 and the theme runs even in an xhtml 1.0 frameset as you can see at http://themes.wordpress.net , so to quote the first google result i found on your blogs validation-error:

    "Your Web server thinks that the HTTP data stream sent by the client (e.g. your Web browser) included a 'Precondition' specification which the server detected was not met.
    This error seldom occurs in most Web traffic, particularly when the client system is a Web browser. The problem can only be resolved by examining what your client system is trying to do then discussing with your ISP why the Web server fails the 'Precondition' specification sent by the client system.
    This error should simply never occur on your CheckUpDown account. If it does, it typically indicates defective programming of our systems or of the Web server which manages your site. The 'Precondition' specification is irrelevant to the type of access we use when we check your URL.
    Contact your Servers Host whenever you encounter 412 errors - there is nothing you can do to sort them out."

    only thing that i could guess, that your php is compiled wrong. so i guess: the error could be in gzipping the css, but i'm neither php nor server expert...

    thanks to all the others for their feedback! much appreciated! and i think stealing colours is evil :-P but go ahead :-D

  26. _erik_
    Member
    Posted 8 years ago #

    simosx,
    i'm not sure if i get the article behind your link (hmm, lack of english understanding-skill) so, ok localise the theme, and what ...? that all sounds like spanish to me :-O

  27. simosx
    Member
    Posted 8 years ago #

    _erik_,
    Currently in the theme you have code that looks like
    <h2 id="comments">Comments</h2>

    Now, suppose I want to translate in Greek, I would have to edit the .php files directly and replace "Comments" with my translation.

    However, there is a library called gettext that makes this localisation (translation) much easier. It is used already for WordPress itself, and can also be used for plugins and themes. You have to enclose any strings that are translatable like in
    <h2 id="comments">_e("Comments")</h2>
    <?php edit_post_link(__('Edit'), '', ''); ?>

    [_e("xxxx") means that the theme will echo() the message "xxxx"]
    [__('Edit') means that the theme will return () the message "Edit"].

    For more on the localisation process, see http://codex.wordpress.org/Localizing_WordPress

    Another theme that has been internationalised (has been converted so that people can translation-localise) is Giraffe.
    See
    http://www.urbangiraffe.com/themes/giraffe
    and have a look at the sidebar called "Localisation". You can change on the fly the language of the theme to several languages!

  28. shadow
    Member
    Posted 8 years ago #

    Nice theme Erik.

    We were just about to start using it and then noticed that the licence restrictions mean we cannot add our own 'individuality' to it in the form of different graphics etc.

    We just do not want to use a theme that is exactly the same in other locations around the Net. That's a shame but your choice of course.

  29. Dgold
    Member
    Posted 8 years ago #

    Outstanding tutorial for using the theme, on the Demonstration page:
    http://www.contact-sheet.de/blog/index.php/iroybots-stained-theme/

    Such as the "styleguide" that shows your colors and what they're used for.

  30. dss
    Member
    Posted 8 years ago #

    erik: both!

Topic Closed

This topic has been closed to new replies.

About this Topic