CSS Gallery Theme für MyArcadeBlog WordPress Plugin

Dienstag, 16. Juni 2009 um 13:13 von Daniel
Gepostet in Themes, Wordpress
60 Kommentare

Wie versprochen, veröffentliche ich das modifizierte CSS Gallery Theme von OS Designer. Das Theme wurde so angepasst, dass man schnell und einfach ein eigenes Flash-Game-Portal realisieren kann.

Auf der Startseite werden die neuesten Spiele angezeigt. Die Anzahl kann über das Adminmenü eingestellt werden. Zudem wurden Kategorie-Links unter dem Menü eingefügt, damit gewünschte Spielekategorie schnell angewählt werden kann. Beim Klick auf ein Vorschaubild wird das entsprechende Spiel geladen und angezeigt. Unter jedem Spiel wird die Beschreibung incl. Thumbnail und einer Spielanleitung eingeblendet, falls vorhanden. Jedes Spiel kann von Besuchern bewertet und kommentiert werden.

AdSense-Optimierung

Zusätzlich dazu wurde das Theme für AdSense optimiert. Im Header des Themes kann ein 468×60px-Banner eingebunden werden. Sidebar fasst insgesamt sechs 125×125-Buttons und ein 250×250 Banner. Über jedem Spiel kann ein Banner angezeigt werden. Hier kann eine 728×90px große Anzeige eingeblendet werden, so auch unter dem Spiel. Ein weiterer 468×60px Banner kann unter der Spielbeschreibung platziert werden.

Jeder kann selbst entscheiden, welche Bannerplätze er nun verwenden möchte. Der Bannercode muss in folgenden Dateien eingefügt werden:

  • ad_header.php – Code für den Header Banner
  • ad_overgame.php – Code für den Banner über einem Spiel
  • ad_undergame.php – Code für den Banner unter einem Spiel
  • ad_under_description.php – Code für den Banner unter der Spielbeschreibung
  • ad_blogtab.php – Code für den Banner in der Sidebar
  • ad_125.php – Codes für die sechs 125×125 Banner in der Sidebar

Benötigte Plugins

Damit das Theme einwandfrei funktioniert werden insgesamt 3 Plugins benötigt:

WP-PostRatings Einrichten

Nach der Installation von WP-PostRatings muss das Plugin im Adminmenü konfiguriert werden. Dazu klickt man auf „Ratings“ > „Rating Options“. Hier können beliebige Rating-Bilder ausgewählt werden. Unter „Show Loading Image With Text“ sollte „No“ ausgewählt werden. Die Einstellungen mit „Save Changes“ speichern.

Jetzt unter „Ratings“ > „Ratings Templates“ folgendes einfügen:

  1. Ratings Vote Text:
    <span>%RATINGS_USERS% Votes, Rating: %RATINGS_AVERAGE%</span>%RATINGS_IMAGES_VOTE%
  2. Ratings Voted Text:
    <span>%RATINGS_USERS% Votes, Rating: %RATINGS_AVERAGE%</span>%RATINGS_IMAGES%
  3. Ratings No Permission Text:
    <span>Login to Rate it!</span>%RATINGS_IMAGES%
  4. Ratings None:
    <span>Not Rated!</span>%RATINGS_IMAGES_VOTE%

Das war’s!! Jetzt ist das Theme für den Einsatz bereit!

Viel Spaß damit!

English

As promised, here is the modified CSS Gallery Theme by OS Designer. The theme was optimized that you can quickly and easily make your own flash game portal. There are no other modifications necessary.

The start page shows the latest games. The number of shown games can be adjusted from the WordPress admin panel. When you click on a post, the game will be loaded and displayed. There are a thumbnail, a description and instructions how to play under each game. Each game can be rated and commented by visitors.

AdSense optimization

In addition, the theme has been optimized for AdSense. In the header you can place a 468×60px banner. There are six buttons 125×125 and a 250×250px banner at the sidebar. Over and under every game you can place an ad banner. Another 468×60px banner can be placed under the description of a game. You can put your banner code in the following files: ad_header.php, ad_overgame.php, ad_undergame.php, ad_under_description.php, ad_blogtab.php, ad_125.php

Needed Plugins

You need to have this 3 plugins installed in order to run this theme:

Setting up WP-PostRatings

  1. WP-PostRatings – Activate the plugin.
  2. To fit your post rating with our layout, go to: WP-Admin > Ratings > Rating Options
  3. Select any rating style.
  4. Set NO for Show Loading Image With Text option.
  5. You have to change Ratings Templates Variables from the same option page, follow the next instruction please.

WP-PostRatings – Ratings Templates Variables Changes:

Remove the default Ratings Templates Variables, except the last one and replace these code.

  1. Ratings Vote Text:
    <span>%RATINGS_USERS% Votes, Rating: %RATINGS_AVERAGE%</span>%RATINGS_IMAGES_VOTE%
  2. Ratings Voted Text:
    <span>%RATINGS_USERS% Votes, Rating: %RATINGS_AVERAGE%</span>%RATINGS_IMAGES%
  3. Ratings No Permission Text:
    <span>Login to Rate it!</span>%RATINGS_IMAGES%
  4. Ratings None:
    <span>Not Rated!</span>%RATINGS_IMAGES_VOTE%

cssgallery

download


Bookmarken bei Diese Icons verlinken auf Bookmark Dienste bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • Wikio DE
  • Newstube
  • Y!GG
  • Digg
  • Technorati
  • TwitThis
  • MisterWong
  • del.icio.us
  • Sphinn
  • Facebook
  • Mixx
  • MySpace
  • Ask
  • Folkd
  • Furl
  • Google Bookmarks
  • Linkarchiv
  • Linkarena
  • Rojo
  • scuttle
  • SEOigg
  • StumbleUpon
  • Webbrille
  • Webnews
  • YahooMyWeb
  • BlinkList
  • blogmarks
  • Fleck
  • Reddit
  • Alltagz

Interessante Artikel

Relevante Google Links

Bewerte diesen Artikel: 1 Stern2 Sterne3 Sterne4 Sterne5 Sterne

Loading ... Loading ...
Was denkst Du über dieses Thema? Hinterlasse ein Kommentar.
Tags: , , , ,

60 Kommentare zu “CSS Gallery Theme für MyArcadeBlog WordPress Plugin”

  1. Başar Özkal kommentierte am Dienstag, 16.06.2009 um 15:42 Uhr

    perfect thank you.

    nitely.net/arcade for live demo

  2. Daniel kommentierte am Dienstag, 16.06.2009 um 18:11 Uhr

    Hi Başar Özkal,
    your new myarcade games portal is looking nice ;)

  3. Geronimo kommentierte am Dienstag, 16.06.2009 um 19:41 Uhr

    Great Plugin and great support.
    my http://www.talkgrounds.com/ using this plugin.
    need litle touch though.

  4. Daniel kommentierte am Dienstag, 16.06.2009 um 20:07 Uhr

    thank you very much Geronimo :)

  5. Wild Galaxy Games kommentierte am Dienstag, 16.06.2009 um 21:19 Uhr

    hI, I edit another theme, Magadine, but i can´t put the thumbnails correct, can you help me?
    If you want i cant send you de modifiqued magadine
    bye!;)

    my web is http://wigax.com/
    thanks!!

  6. Wild Galaxy Games kommentierte am Dienstag, 16.06.2009 um 21:52 Uhr

    the thumbs is correct now;)

  7. David kommentierte am Dienstag, 16.06.2009 um 23:33 Uhr

    Hi,
    The search results are not showing description,ratings or url. Please help.

  8. Daniel kommentierte am Dienstag, 16.06.2009 um 23:40 Uhr

    Hi David,
    thx for reporting. I’ve fixed this bug. Please downlaod the theme again.

    Greets

  9. Başar Özkal kommentierte am Dienstag, 16.06.2009 um 23:42 Uhr

    thanks Daniel !

    Hey Geronimo where can i get your theme ?

  10. MyArcadeBlog: Create Your Own WordPress Arcade Blog like FunGames24.net! | NetReview kommentierte am Mittwoch, 17.06.2009 um 00:47 Uhr

    [...] download the example theme CSS Gallery to see how it’s [...]

  11. Geronimo kommentierte am Mittwoch, 17.06.2009 um 01:36 Uhr

    hi basar.
    its modified inevo themes
    you can get it at wordpress

  12. Başar Özkal kommentierte am Mittwoch, 17.06.2009 um 02:12 Uhr

    thanks man

  13. David kommentierte am Mittwoch, 17.06.2009 um 14:17 Uhr

    Hi,
    Sorry for all the questions but could you tell me how to add a login box to the top tabber.php box. I need login on my site. Thanks for all your help.

  14. David kommentierte am Mittwoch, 17.06.2009 um 17:01 Uhr

    My ratings are not working.

  15. mundodigital kommentierte am Mittwoch, 17.06.2009 um 20:35 Uhr

    Hello

    I installled CSS Gallery with myarcadeblog as well

    Now the I have a error with the WP-PostRatings like this :

    Plugin could not be activated because it triggered a fatal error.

    Fatal error: Class ‘WP_Widget’ not found in /home2/oscplanc/public_html/playcoolflashgames/wp-content/plugins/wp-postratings/wp-postratings.php on line 1066

    Some help could be appreciated.

    Thanks!

  16. mundodigital kommentierte am Mittwoch, 17.06.2009 um 20:37 Uhr

    Hi

    I forgot tell you that I don`t make any change yet into template php files for wp-postratings configuration .. must I do this first ?

  17. Daniel kommentierte am Mittwoch, 17.06.2009 um 20:49 Uhr

    Hi mundodigital,
    that’s strange. Try to reinstall WP-PostRatings.

  18. mundodigital kommentierte am Donnerstag, 18.06.2009 um 00:48 Uhr

    Hi
    I updated wordpress to 2.8 and now I can install wp-postratings and I edited the wp-postratings config and Remove the default Ratings Templates Variables:

    1. Ratings Vote Text:
    %RATINGS_USERS% Votes, Rating: %RATINGS_AVERAGE%%RATINGS_IMAGES_VOTE%
    2. Ratings Voted Text:
    %RATINGS_USERS% Votes, Rating: %RATINGS_AVERAGE%%RATINGS_IMAGES%
    3. Ratings No Permission Text:
    Login to Rate it!%RATINGS_IMAGES%
    4. Ratings None:
    Not Rated!%RATINGS_IMAGES_VOTE%

    5 . Highest Rated: (left blank)

    except the last one:

    6. Most Rated: %POST_TITLE% – %RATINGS_USERS% votes

  19. mundodigital kommentierte am Donnerstag, 18.06.2009 um 00:49 Uhr

    I try to rate a game clickin in to a star to rating but I don’t see any rate .. is normal ?

  20. weizai kommentierte am Donnerstag, 18.06.2009 um 18:01 Uhr

    Hi..
    Can I know how to change the logo to my logo?

    Thanks

  21. Daniel kommentierte am Donnerstag, 18.06.2009 um 18:16 Uhr

    Replace logo.gif in the theme/images with your own.

  22. weizai kommentierte am Donnerstag, 18.06.2009 um 18:23 Uhr

    I tried replacing it with my logo.
    But it appear as your logo again
    Do you know whats wrong?

  23. weizai kommentierte am Donnerstag, 18.06.2009 um 18:29 Uhr

    Even if i remove the logo.gif from the images, the logo will still appear in my website. Is it coded somewhere?

    Thanks

  24. Daniel kommentierte am Donnerstag, 18.06.2009 um 18:54 Uhr

    Logo is not coded. You can open style.css and header.php and edit what you want.

    Try to replace the logo and reload your site with CTRL+F5 (EU: STRG+F5)

  25. weizai kommentierte am Donnerstag, 18.06.2009 um 19:02 Uhr

    Thanks. after ctrl F5 it shows up. thanks alot really.
    Good support!
    Recommended!

  26. weizai kommentierte am Donnerstag, 18.06.2009 um 19:07 Uhr

    Sorry~ 1 more question.
    Can I know at which part in the style.css to change the background color of the theme?
    Sorry to ask this, new in this.

    Thanks

  27. Daniel kommentierte am Donnerstag, 18.06.2009 um 19:17 Uhr

    add into the body section:
    background-color: #0000FF; < – Here your color ;)

  28. weizai kommentierte am Donnerstag, 18.06.2009 um 19:20 Uhr

    Thanks. Will try it tomorrow :D
    Gotta get some sleep now.
    Thanks alot for the help.

    Regards

  29. weizai kommentierte am Freitag, 19.06.2009 um 06:03 Uhr

    Hi..:D
    Is it possible to make a border around the whole web page?
    for example, the border will include header,content,footer.

    Thanks again!

  30. Daniel kommentierte am Freitag, 19.06.2009 um 09:01 Uhr

    Hi weizai,
    open style.css, go to body section and add the border tag:
    border: 2px solid black; < - here your border style ;)

  31. weizai kommentierte am Freitag, 19.06.2009 um 09:02 Uhr

    the border is solved. 1 more question =x
    Any idea how to move up the page? The gap above the header is very big.

    Thanks

  32. weizai kommentierte am Freitag, 19.06.2009 um 10:24 Uhr

    sorry to trouble you.
    If i put my border to 50 px the gap will increase. I i put to 2 px it is back to normal.
    Thanks once again.
    Is it possible to display all the game names below in the main page?

    Regards

  33. mundodigital kommentierte am Freitag, 19.06.2009 um 11:43 Uhr

    Hi!!

    The wp-postratings not work with me I’ve changed all parameters and do not push them to run a star and does nothing.
    Are there any other plugin for wordpress Ratings suitable for use with CSS and theme myarcademochiads?

  34. Daniel kommentierte am Freitag, 19.06.2009 um 15:44 Uhr

    Hi weizei,
    try to use negative margin. please read the css and html manual :)

  35. weizai kommentierte am Freitag, 19.06.2009 um 15:48 Uhr

    thanks Daniel. what about the displaying of all the games titles below the main page? :D

    thanks

  36. Daniel kommentierte am Freitag, 19.06.2009 um 16:26 Uhr

    Hi weizai,
    that is an extra WordPress Pluging that I’ve created. I will publish it soon. ;)

  37. weizai kommentierte am Freitag, 19.06.2009 um 16:51 Uhr

    okay..thanks alot Daniel
    Really appreciate it :D

  38. weizai kommentierte am Samstag, 20.06.2009 um 06:44 Uhr

    Hi Daniel,

    I have been trying to change the back ground of the category bar. The default color is white.
    Any idea it is located at where in CSS?

    Thanks alot

  39. Daniel kommentierte am Samstag, 20.06.2009 um 13:04 Uhr

    You have to change navbottom.gif

  40. weizai kommentierte am Samstag, 20.06.2009 um 13:51 Uhr

    So if I want to change the color, I must remove the navbottom.gif or?
    Sorry for asking such questions=x

  41. weizai kommentierte am Samstag, 20.06.2009 um 14:03 Uhr

    I think i got it! Thanks!
    Applogize for asking so many questions.

  42. weizai kommentierte am Samstag, 20.06.2009 um 14:14 Uhr

    I am using the arcadeblog pluging.
    I found out quite a number of games cannnot be played :(

  43. Daniel kommentierte am Samstag, 20.06.2009 um 14:16 Uhr

    No Problem weizai :)

    Why the games can’t be played? Do you get an error message?
    Post your link here please.

  44. weizai kommentierte am Samstag, 20.06.2009 um 14:27 Uhr

    No error message. As in when i click the game, it will appear a blank screen where the game supposed to play. The game won’t load.
    I have deleted all the posts in wordpress for those games that won’t load. =x

  45. Tanel kommentierte am Dienstag, 23.06.2009 um 14:09 Uhr

    hi again tnx for replay
    i feeling very noobish
    i use phpmyadmin 3.1.0 i cant find enyplace to enable Json support :(
    # Apache/2.0.61/DataZone SP 2.0 (Unix)
    # MySQL client version: 5.0.67

  46. Daniel kommentierte am Dienstag, 23.06.2009 um 14:52 Uhr

    Hi Tanel,
    you have to contact your web hoster. Only the hoster can enable json support. :(

  47. Tanel kommentierte am Donnerstag, 25.06.2009 um 22:35 Uhr

    my web hoster told that Json suppoet is on :S
    still Decode feed.. Can’t decode Json Feed! :(

  48. Daniel kommentierte am Donnerstag, 25.06.2009 um 23:10 Uhr

    Hi Tanel,
    can you send me a screenshot of your MyArcadeBlog settings?

  49. Tanel kommentierte am Freitag, 26.06.2009 um 17:29 Uhr

    screenshot is here http://tannut.planet.ee/warcade.png

    i was check my phpmyadmin info there was that
    json
    json support enabled
    json version 1.2.1

  50. weizai kommentierte am Montag, 29.06.2009 um 18:41 Uhr

    Hi Daniel!

    I was wondering if you can teach me how to add a left column/sidebar to the theme?

    Thanks in advance.

  51. Dr Tux kommentierte am Dienstag, 30.06.2009 um 17:05 Uhr

    @Tanel: I had similar problem like you are experiencing, what I did I changed mochiads.com feed url to my personal one (from control panel) and added &format=json to url -> now everything works.

    @Daniel: About CSSTheme, which file do I need to edit if I want to publishing regular text blogs along with games? at the moment if I write text blog, only thing showing up is obiviously the subject/headline :)

    Dr T

  52. Dr Tux kommentierte am Dienstag, 30.06.2009 um 17:20 Uhr

    @weizai: I’ve also run across number of games that do now load. It looks like they are not downloaded properly.

    Dr T

  53. Daniel kommentierte am Dienstag, 30.06.2009 um 17:46 Uhr

    @Tanel
    Do you have a white space in your MochiadsID? Try to feed games without a mochiadID..

    @Dr Tux
    MyArcadeBlog adds automatically “&format=json” to the feed url. Strange…
    If you want to post regular posts, try this:
    <?php
    // Check if this is a game
    $game_url = get_post_meta($post->ID, “swf_url”, true);
    if ($game_url) {
    // This post is a game
    echo get_game($post->ID);
    }
    else {
    // This is a normal post
    // Do here what you want
    echo “<h2>This is not a Game</h2>”;
    }
    ?>
    We have discussed it here: http://netreview.de/wordpress/myarcadeblog-create-your-own-wordpress-arcade-blog-like-fungames24net/#respond

    Greets
    Daniel

  54. Daniel kommentierte am Dienstag, 30.06.2009 um 17:48 Uhr

    You don’t need to download the games from mochiads. The paymant is very very low. It’s better to save your bandwidth and make money using Google AdSense.

  55. Tanel kommentierte am Dienstag, 30.06.2009 um 20:30 Uhr

    Thank you Daniel without mochiadID its WORK s thank you :)

    you ROCK man :)

  56. Daniel kommentierte am Dienstag, 30.06.2009 um 22:57 Uhr

    You’re welcome Tanel ;)
    Have fun and make some money with MyArcadeBlog!

  57. Dr Tux kommentierte am Mittwoch, 1.07.2009 um 10:30 Uhr

    @Daniel: Tnx for the information, worked ok – and, at least in my installation myarcadeblog plugin didn’t add format=json to url, I had to add it manually to get things working.

    Must say, your plugin is darn good thing, I’ve been trying to use WP as arcade for quite some time, with very limited success until now :D

    Dr T

  58. SziPro kommentierte am Freitag, 17.07.2009 um 17:33 Uhr

    Is missing a feature to post other games than Mochiads.

  59. ahmaira kommentierte am Donnerstag, 8.10.2009 um 09:22 Uhr

    thanks, now using your plugin and themes

  60. Daniel kommentierte am Dienstag, 8.12.2009 um 21:31 Uhr

    Hi Folks. A new theme was released with the new MyArcadeBlog Pro version. Check it out!

Kommentiere diesen Artikel