tag:blogger.com,1999:blog-83499828803442349692024-03-13T05:48:00.812+02:00George I. TsopouridisElectrical & Computer Engineer MSc with great love in Drupal (<a href="http://drupal.org/user/829430">http://drupal.org/user/829430</a>).<br>
PosterGenius™ team member & More Than (just) Themes web developer.George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.comBlogger53125tag:blogger.com,1999:blog-8349982880344234969.post-67026876594384417562012-09-29T16:08:00.000+03:002012-09-29T16:11:33.371+03:00TopHit Responsive Drupal theme - Turn your website into a Top-Hit<h2>TopHit for Drupal 7</h2>Gorgeous yet lightweight. <strong>Responsive.</strong> Easy to use. Even easier to customize. <a href="http://www.morethanthemes.com/?q=themes/tophit" target="_blank">Read more</a><br />
<br />
<h2>TOPHIT PREVIEW</h2>
<div class="separator" style="clear: both;float:left; text-align: center; padding:0 20px 0 0;"><a href="http://www.morethanthemes.com/?q=themes/tophit" target="_blank" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmeD51RIAH8KeT-BKqCzfm-1e-4q2akMPfBPS_BWHm9ZqZfZ3PdUxVWzdV4MzXuC93CuwslZ3i0tCygSBK06ddv4PJ1l5QXa5BBWggN-N1boiBe2uxGqN_RpgCoDuUzm7g3tFp6oh0jsQ/s320/tophit1.jpg" /></a></div><div class="separator" style="float:left; text-align: center; padding:0;"><a href="http://www.morethanthemes.com/?q=themes/tophit" target="_blank" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNXMjd6_TR_Zairo_XGgnTv4zCiv2OSgFakGuhl6BkmhNY2aBy0eLEkGvghdAaUqLZv1Yy3MbzCpYRISX6I5hCBtyme-htTexg_b59nvL5oOkFM31dhzbcR5izvxpoSSi3eWua6GL4oXo/s320/tophit2.jpg" /></a></div><div class="separator" style="clear: both; float:left; text-align: center; padding:0 20px 0 0;"><a href="http://www.morethanthemes.com/?q=themes/tophit" target="_blank" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9eDjxs5-Z-L6T5YUxrvF7q8DRBs_dKtfyCbhOsN60LMjoweCzSlaThoGSMVM-NIMP-s24NZ8jciMR7f4IAH_5ml1XzHfDJEPBvUKtRuJwcO1eViHQKuqnAzsAb45Of4GfxKDPkFs_6NI/s320/tophit3.jpg" /></a></div><div class="separator" style="float:left; text-align: center; padding:0;"><a href="http://www.morethanthemes.com/?q=themes/tophit" target="_blank" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIt2Xtd34nTC0BywqSu6Dk20e0hzvK9igNP13JHUGkVPSKk5fR31z9aoNAGi_jqNXBdmMNRGnrbD_A5UlqCw6PDQ6Sn7yDPoIYO18g99YsscoJP2pDumzrRZODN2vPbTK5thheFUgzRww/s320/tophit4.jpg" /></a></div><br />
<div style="clear:both;"><a href="http://www.facebook.com/media/set/?set=a.497135393633781.128862.194842423863081&type=1" target="_blank">See more TopHit photos</a><br />
</div><br />
<h2>HIGHLIGHTS</h2><h3>Responsive layout.</h3>TopHit adjusts optimally to the width of the browser it is viewed on. As a result, it looks awesome regardless it’s a desktop computer, smartphone or tablet your visitors are using.<br />
<br />
<h3>Responsive menu.</h3>TopHit comes with a plugin which transforms the Main menu of your site to a dropdown select list when your browser is at mobile widths. You can configure the behavior of this plugin through the theme-settings.<br />
<br />
<h3>Comes in your favourite color.</h3>Five awesome color schemes to choose from: Orange, Blue, Pink, Gray and Green. Just pick the one that fits your brand with a single click through the theme-settings.<br />
<br />
<h3>Slideshow</h3>Drive your slide show easily with TopHit's built-in intelligence. Create “slide show entries” or set your content* to be promoted and Voila! Add text, images or even full HTML.<br />
*Slideshow Entry, Product, Service & Blog entry.<br />
<br />
<h3>Unparalleled Slideshow flexibility.</h3>Leave it on the front page or set it to be displayed everywhere in your site. Slideshow configuration is available on theme settings.<br />
<br />
<h3>Superfish menus.</h3>TopHit integrates with the Superfish module supporting gorgeous multi-level drop-down menus with smooth motion. Relocating of sub-menus when they would otherwise appear outside the browser window area.<br />
<br />
<h3>Multiple font-schemes.</h3>Select among different font-schemes, with font-families for all tastes and corporate identities. Just pick the one that fits you with a couple of clicks.<br />
<br />
<h3>Views at your disposal.</h3>Enjoy View blocks ready-made for your ease: Latest products, Products in use, Promoted posts, Slideshow & Testimonials.<br />
<br />
<h3>Region-rich, yet without risk</h3>Comes with a wealth of custom regions: Header top, Header, Header right, Navigation, Banner, Promoted area, Custom front area, Footer first, Footer second and Footer third. Yet it’s end-to-end compliant to the default Drupal regions.<br />
<br />
<h3>One or two column layout support</h3>Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will still look good, it’s been designed for this.<br />
<br />
<h3>Breadcrumb with a single click</h3>Breadcrumb is good to your users, especially when your website turns big. So, just switch it on via the theme settings.<br />
<br />
<h3>Gorgeous testimonials</h3>Showcase words of love from your users and customers in the most amazing way, with the custom-made "Testimonial" content type and its unique design and automations. Enjoy Views collecting testimonial nodes on both a block and a page.<br />
<br />
<h3>Blogging goodies</h3>Comes with support for the Blog module and a pre-activated blog*.<br />
*Installation profile<br /><br />
<h3>Tweet, Tweet, Tweet</h3>Comes with built-in twitter integration, looking clean, working great and allowing for the configuration of Twitter title, Twitter account, Twitter time and Twitter type (search or profile).<br />
<br />
<h3>Scroll-to-top</h3>Enjoy attention to detail, provide your visitors those little goodies that make a difference such as a jQuery based “Scroll to Top”.<br />
<br />
<h3>Reorder everything, no limits.</h3>Use Drupal 7’s built-in manage display to re-arrange all the content type fields* on a page according to your needs or liking.<br />
*TopHit content type fields<br />
<br />
<h3>Beautiful and sophisticated yet lightweight.</h3>Gorgeous design built to the last detail using HTML and CSS3 rather than images, speeding up your website's load times.<br />
<br />
<h3>Show your visitors you love’em. Especially returning ones.</h3>TopHit lets your users create their own signatures, making comments personalized.<br />
<br />
<h3>Boost conversation even more.</h3>Comments in TopHit are more than more comments. They’re parts of an ongoing dialog and it shows.<br />
<br />George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com26tag:blogger.com,1999:blog-8349982880344234969.post-33670746451135172842012-05-23T02:47:00.000+03:002012-05-23T02:49:53.905+03:00Skeleton - Free and Responsive Drupal 7 theme<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://demo.drupalizing.com/?theme=skeleton" target="_blank" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img style="padding:0 20px 10px 0;" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidntD467A8XWEZxqlXTeFvoxY0UiJPX2j91B_PY8_yZ_w1szldQM2UIswk_xDPMopPPfyJbY5-rYGLrGIVtm8IJFUWrG6GBP8Uvn8A4k3enkWm2jahoD6HbA4y9xU6o3G9Loo0rTCZInc/s320/skeleton-screen.png" width="274" /></a></div>
<strong><a href="http://demo.drupalizing.com/?theme=skeleton" target="_blank">Skeleton for Drupal</a></strong> by <a href="http://www.morethanthemes.com/">More than (just) Themes</a> is build over the <strong><a href="http://www.getskeleton.com/" target="_blank">Skeleton Boilerplate</a></strong>.<br />
<br />
<strong>Skeleton</strong> has been ported to Drupal and is supported by <a href="http://www.morethanthemes.com/">More than (just) Themes</a>, as part of our ongoing effort to bring quality themes to Drupal. <br />
<h3>
<a href="http://demo.drupalizing.com/?theme=skeleton" target="_blank">Live Demo</a></h3>
<h3>
<a href="http://www.facebook.com/media/set/?set=a.459290897418231.122009.194842423863081&type=1" target="_blank">Screen shots</a><br /> </h3>
<h3>
<br /></h3>
<h3>
Features</h3>
<ul>
<li><strong>Responsive, Mobile-Friendly Theme</strong> based on <strong>Skeleton Boilerplate</strong></li>
<li><strong>Color core module</strong> integration (with 2 extra Color Schemes)</li>
<li>1-column and 2-coumns layout support</li>
<li>Column Shortcodes with Media Queries (one_third, one_fourth, two_thirds, one_half)</li>
<li>A total of <strong>10 regions</strong> (Header, Highlighted, Content, Sidebar first, Featured left, Featured right, Footer first, Footer second, Footer third, Footer & Help)</li>
<li><strong>Cross-browser CSS3 buttons</strong> in various colors and sizes (white, gray, black, lightblue, blue, darkblue, lightgreen, green, darkgreen, lightred, red, darkred, yellow, orange, brown - small, medium, large)</li>
<li><strong>Blog core module</strong> support</li>
<li>Support for <strong>standard Drupal theme features</strong>: logo, site-name, site-slogan, user pictures in comments and nodes</li>
<li><strong>Detailed CSS rules</strong> for:</li>
<ul>
<li>Typography</li>
<li>Feed Pages</li>
<li>Comment form</li>
<li>Contact form</li>
<li>Comments</li>
<li>User pictures in Comments</li>
<li>Forum core module pages</li>
<li>“Read more”, “Comment” and all other buttons</li>
<li>User profiles</li>
</ul>
</ul>
<h3>
<a href="http://wiki.morethanthemes.com/index.php?title=Skeleton" target="_blank">Documentation</a></h3>
Detailed <a href="http://wiki.morethanthemes.com/index.php?title=Skeleton" target="_blank">documentation</a> and a guide on how to reproduce our demo installation.</div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com12tag:blogger.com,1999:blog-8349982880344234969.post-56766494390101680642012-03-23T18:03:00.006+02:002012-03-23T18:06:43.877+02:00Adding viewport meta tag to Drupal 7 theme without overriding html.tpl.php<div dir="ltr" style="text-align: left;" trbidi="on">You can use drupal_add_html_head() for adding the viewport meta tag. In your theme template.php file, you can call hook_page_alter() for embeding meta.<br />
<br />
<code></code><br />
<code>function YOURTHEMENAME_page_alter($page) {</code><br />
<code>// </code><br />
<code>$viewport = array(</code><br />
<code>'#type' => 'html_tag',</code><br />
<code>'#tag' => 'meta',</code><br />
<code>'#attributes' => array(</code><br />
<code>'name' => 'viewport',</code><br />
<code>'content' => 'width=device-width, initial-scale=1, maximum-scale=1'</code><br />
<code>)</code><br />
<code>);</code><br />
<code>drupal_add_html_head($viewport, 'viewport');</code><br />
<code>}</code></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com5tag:blogger.com,1999:blog-8349982880344234969.post-77214890764684848502012-02-19T19:20:00.006+02:002012-02-19T19:37:42.274+02:00CHIQUE Drupal theme - Spice up your online presence with unlimited options<h2>CHIQUE FOR DRUPAL 7</h2>With multiple color schemes and typographic styles, unparalleled automations and unmatched ease of use. <a href="http://www.morethanthemes.com/?q=themes/chique" target="_blank">Read more</a><br />
<br />
<h2>CHIQUE PREVIEW</h2><br />
<div class="separator" style="clear: both;float:left; text-align: center; padding:0 20px 0 0;"><a href="http://www.morethanthemes.com/?q=themes/chique" target="_blank" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwKtz-nfKXzN6KTWtDQcVZq1uGqw0U6jlpvDoKeQJ1d60B_gw8DaPFEc6F6ppMVRqudVP44WEMbRgPySO4VEkofSCT5XxmVdAaYhoZg3WdQLkK35l2Vkh-AfJuziIA11jo3jFNdTvUKYk/s320/chique-index.jpg" /></a></div><div class="separator" style="float:left; text-align: center; padding:0;"><a href="http://www.morethanthemes.com/?q=themes/chique" target="_blank" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0DX3BT-_z9xlBxmdrJWOM4plZkxKlGH8wdv05QV2UYHr9eZbQAJ_mLmDhhvWqqqaXkppDKt3pCqAZFGjtHZLx9uayGMJi4m7QjXnMYR7drD8hzlavlUxkmx_euxYibxMVHeTF1hyphenhyphenWyU/s320/chique-galleries.jpg" /></a></div><div class="separator" style="clear: both; float:left; text-align: center; padding:0 20px 0 0;"><a href="http://www.morethanthemes.com/?q=themes/chique" target="_blank" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk_Tl22A_l42qJevkbZYI38EYqFTloAZ2Dm39YXYBAqIJVUiRP7yuF-JBX3O38rcDwkvTOyDpCrQxcy5xuIC2jEuhP67kDgjg-uXd3RvNp5Gtj02nreCMtHndmXspgCnn0dWabwt5eUsY/s320/chique-gallery.jpg" /></a></div><div class="separator" style="float:left; text-align: center; padding:0;"><a href="http://www.morethanthemes.com/?q=themes/chique" target="_blank" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="320" width="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjowVFd9zoShdPupE_QdLf83gdVmuz-BRIUGKiNHE2T4oHRoGpD2cj17u2zak5xnbhP64WBiAjF5XrafbSnpARPQuvO1EiGyFWcdeJ06rfyfl5JiEBH9KbzyLf-ZYVsHXp6bPde9uqKj0g/s320/chique-feed.jpg" /></a></div><br />
<div style="clear:both;"><a href="http://www.facebook.com/media/set/?set=a.385481004799221.108471.194842423863081&type=3" target="_blank">See more CHIQUE photos</a><br />
</div><br />
<h2>HIGHLIGHTS</h2><h3>Comes in your favourite color.</h3>Five awesome color schemes to choose from; Brown, Purple, Blue, Gray and Green. Just pick the one that fits your brand with a single click through the theme-settings. <a href="http://www.youtube.com/watch?v=lkieCiA0JAg&feature=player_embedded" target="_blank">Video</a><br />
<br />
<h3>With multiple background patterns.</h3>Twelve -- yes, 12 -- background patterns to choose from for all tastes. Just pick the one that fits your style with a single click through the theme-settings.<br />
<br />
<h3>With superfish menus.</h3>Chique integrates with the Superfish module supporting gorgeous multi-level drop-down menus with smooth motion. Relocating of sub-menus & hyperlink menu descriptions when they would otherwise appear outside the browser window area.<br />
<br />
<h3>Slideshow</h3>Drive your slide show easily with the built-in intelligence. Create “slideshow entries” or set your content* to be promoted and Voila! Add text, images or even full HTML.<br />
*Slideshow Entry, Service, Image Gallery, Event & Blog entry.<br />
<br />
<h3>Slideshow thumbnails</h3>Slide show goodness comes along with image thumbnails, automatically produced from each main slide show image. Single-click access to plenty of configurations through the theme-settings (display always or on mouse over).<br />
<br />
<h3>Unparalleled Slideshow flexibility.</h3>Leave it on the front page or set it to be displayed everywhere in your site. Dozens of transition effects available on theme settings.<br />
<br />
<h3>Reservation</h3>Out-of-the box support for reservations through the built-in reservation page - an expandable webform node.<br />
<br />
<h3>Multiple font-schemes</h3>Select among different font-schemes, with font-families for all tastes and corporate identities. Just pick the one that fits you with a couple of clicks. <a href="http://www.youtube.com/watch?v=lBHtFrhkaX8&feature=player_embedded" target="_blank">Video</a><br />
<br />
<h3>Image Galleries page</h3>Chique collects all image Galleries to a special designed page.<br />
<br />
<h3>Breadcrumb with a single click</h3>Breadcrumb is good to your users, especially when your website turns big. So, just switch it on via the theme settings.<br />
<br />
<h3>Scroll-to-top</h3>Enjoy attention to detail, provide your visitors those little goodies that make a difference such as a jQuery based “Scroll to Top”.<br />
<br />
<h3>Views at your disposal.</h3>Enjoy Views blocks ready-made for your ease: Archive, Events, Galleries, Latest posts, Promoted posts, Slideshow & Testimonials.<br />
<br />
<h3>Region-rich, yet without risk</h3>Comes with a wealth of custom regions: Header Top Left, Header Top Right, Navigation, Banner, Footer First, Footer Second, Footer Third, Footer Bottom Right. Yet it’s end-to-end compliant to the default Drupal regions.<br />
<br />
<h3>Blogging goodies</h3>Comes with support for the Blog module and a pre-activated blog*.<br />
*Installation profile<br />
<br />
<h3>Tweet, Tweet, Tweet</h3>Comes with built-in twitter integration, looking cute, working great and allowing for the configuration of Twitter title, Twitter account and Twitter time.<br />
<br />
<h3>Beautiful and sophisticated yet lightweight.</h3>Gorgeous design built to the last detail using HTML and CSS3 rather than images, speeding up your website's load times.<br />
<br />
<h3>Reorder everything, no limits.</h3>Use Drupal 7’s built-in manage display to re-arrange all the content type fields* on a page according to your needs or liking.<br />
*Chique content type fields<br />
<br />
<h3>One or two column layout support</h3>Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will still look good, it’s been designed for this.<br />
<br />
<h3>Show your visitors you love’em. Especially returning ones.</h3>Chique lets your users create their own signatures, making comments personalized.<br />
<br />
<h3>Boost conversation even more.</h3>Comments in Chique are more than more comments. They’re parts of an ongoing dialog and it shows.<br />
<br />
<h3>Gorgeous testimonials</h3>Showcase words of love from your users and customers in the most amazing way, with the custom-made "Testimonial" content type and its unique design and automations. Enjoy Views collecting testimonial nodes on both a block and a page.George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com3tag:blogger.com,1999:blog-8349982880344234969.post-87189113596232436502011-10-21T18:31:00.008+03:002011-10-21T18:58:13.751+03:00Business Class Drupal theme- Help your business stand out with the power of Drupal<h2>Business Class for Drupal 7</h2><em>Help your business stand out</em><br />
<br />
With multiple color schemes and typographic styles, unparalleled automations and unmatched ease of use. <a href="http://www.morethanthemes.com/?q=themes/businessclass" target="_blank">Read more</a><br />
<br />
<h2>Business Class preview</h2><br />
<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="float:left; padding:0 20px 0 0;"><a href="http://www.morethanthemes.com/?q=themes/businessclass" target="_blank" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOYJJ_poo7hi7AoGl8aTWHMY_9DzhGPRI_4FmqbHodpKFTJRt-dkOKC-hD7qN9oDlY4RVmdQnSi5hzW4pnk_SR20rWhVrQ0Gx18XvHQXA4YdFB8-sdVGMIapTRuJrwcZKOABp9dtrKung/s320/businessclass-1.jpg" width="233" /></a></div><div style="float:left;"><a href="http://www.morethanthemes.com/?q=themes/businessclass" target="_blank" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4kLXYJNs8zWsBwviAhZwk4NlsEpJKL3FNMJkxejWseL8A8cvJKgIqptqfLZxgCqY5yhf2G8nWOyZu6D0kX35oEmwY5U1ODly3luGdFC9h4O2F65-qF9FcSdWwGt8znqQeF6KIh_Z7hEE/s320/businessclass-2.jpg" width="235" /></a></div><div class="separator" style="clear: both; float:left; padding:0 20px 0 0;"><a href="http://www.morethanthemes.com/?q=themes/businessclass" target="_blank" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLdqYcZfs_Kjzhb3HRGjjY8RF52-_kO81PgS0VkeFv_03T3fddho2Uv2o1L-9gRgU9z7_BM9RWZBGfmCEwW6NVjbUju_XTP3gxwvuFcUZAiZoOcGiVMWGqsMA_KwNLSXsbh2cdH4hJaJc/s320/businessclass-3.jpg" width="235" /></a></div><div style="float:left;"><a href="http://www.morethanthemes.com/?q=themes/businessclass" target="_blank" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFtWb-0LpZr3XZ97jTavBja4E8zKuu_50dWmYdpG2p7FLqLo9owFkmeW7x5_Jf-a64kY_8g0Zb3dU6_Y04WxO5ogGjZEUvwljueBJTPq2FEWiV4EuYFMvkZ_hyphenhyphen_EXqFVtI_lg1RWRV2dE/s320/businessclass-4.jpg" width="235" /></a></div></div><br />
<div style="clear:both;"><a href="http://www.flickr.com/photos/morethanthemes/6261053356/in/set-72157627806379997/" target="_blank">See more Business Class photos</a><br />
</div><br />
<h2>Highlights</h2><div style="clear:both;"><h3>Front Page Slideshow</h3>Drive your Slideshow easily with the built-in intelligence. Create your “Slideshow entries” adding text, images or even full HTML. Or just set your content* to be promoted!<br />
<i>*Slideshow Entry, Product, Service & Blogpost.</i><br />
<br />
<h3>Unparalleled Slideshow flexibility.</h3>Leave it on the front page or set it to be displayed anywhere on your site. Dozens of transition effects available through theme settings.<br />
<br />
<h3>Comes in your favourite color.</h3>Four color schemes to choose from for all tastes and corporate identities; Blue, Gray, Green, Red. Just pick the one that fits you with a single click through the theme-settings.<br />
<br />
<h3>Nice menus.</h3>Business Class is integrated with the Nice Menu module supporting gorgeous multi-level drop-down menus with smooth motion.<br />
<br />
<h3>Gorgeous testimonials.</h3>Showcase words of love from your users and customers in the most amazing way, with the custom-made "Testimonial" content type and its unique design and automations.<br />
<br />
<h3>Multiple font-schemes</h3>Select among different font-schemes, with font-families for all tastes and corporate identities. Just pick the one that fits you with a couple of clicks.<br />
<br />
<h3>Breadcrumb with a single click.</h3>Breadcrumb is good to your users, especially if your website turns big. So, just switch it on via the theme settings.<br />
<br />
<h3>Scroll-to-top</h3>Enjoy attention to detail, provide your visitors those little goodies that make a difference such as a jQuery based “Scroll to Top”.<br />
<br />
<h3>Views at your disposal.</h3>Enjoy Views blocks ready-made for your ease: Latest blogposts, latest products, latest testimonials, archives and more.<br />
<br />
<h3>Region-rich, yet without risk</h3>Comes with a wealth of custom regions: Navigation, Banner, Promoted Area, Footer First, Footer Second, Footer Third, Footer Right. Yet it’s end-to-end compliant to the default Drupal regions.<br />
<br />
<h3>Blogging goodies</h3>Who doesn't blog nowadays? Who shouldn't? Business Class comes with support for the Blog module and a pre-activated blog*.<br />
<i>*Installation profile</i><br />
<br />
<h3>Tweet, Tweet, Tweet</h3>Comes with built-in twitter integration, looking cute, working great and allowing for the configuration of Twitter title, Twitter account and Twitter time.<br />
<br />
<h3>Beautiful and sophisticated yet lightweight.</h3>Gorgeous design built to the last detail using HTML and CSS3 rather than images, speeding up your website's load times.<br />
<br />
<h3>Reorder everything, no limits.</h3>Use Drupal 7’s built-in manage display to re-arrange all the content type fields* on a page according to your needs or liking.<br />
<i>*Business Class content type fields</i><br />
<br />
<h3>One or two column support.</h3>Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will be still looking good.<br />
<br />
<h3>Show your visitors you love’em. Especially returning ones.</h3>Business Class lets your users create their own signatures, making comments personalized.<br />
<br />
<h3>Boost conversation even more.</h3>Comments in Business Class are more than mere comments. They’re beautifully designed parts of an ongoing dialog and interaction. And it shows.<br />
</div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com1tag:blogger.com,1999:blog-8349982880344234969.post-59548606234104267122011-09-18T11:32:00.009+03:002011-09-18T11:43:38.845+03:00Showing the first image in the teaser for a Drupal 7 Image Field with multiple values<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;">A Drupal 7 image field that is set to contain multiple values (multiple images), will display all of the images in both the teaser and full node view. There is no option when creating a node which contains this image field to only show the first image in the teaser. However, you can adjust the teaser to only display the first image with Drupal 7 field-level templating.</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">In order do this globally for a field named "<b>field_image</b>", you can use the following code in a template file named "<b>field--field_image.tpl.php</b>". </div><br />
<div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><?php if (!$label_hidden) : ?> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div class="field-label"<?php print $title_attributes; ?>><?php print $label ?>:&nbsp;</div> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><?php endif; ?> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div class="field-items"<?php print $content_attributes; ?>> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><?php if ($element['#view_mode']=="teaser") { ?> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div class="field-item even"<?php print $item_attributes[0]; ?>><?php print render($items[0]); ?></div> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><?php } else { ?> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><?php foreach ($items as $delta => $item) : ?> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><div class="field-item <?php print $delta % 2 ? 'odd' : 'even'; ?>"<?php print $item_attributes[$delta]; ?>><?php print render($item); ?></div> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><?php endforeach; ?> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><?php } ?> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></div> </span></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"></div></span></div><br />
<div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;">It is generally a good idea to override the <b>field.tpl.php</b>. Note that inside the <b>field.tpl.php</b> in <b>modules/field/theme</b>, there is the following comment:</div><div class="separator" style="clear: both; text-align: left;"><br />
</div><span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">THIS FILE IS NOT USED AND IS HERE AS A STARTING POINT FOR CUSTOMIZATION ONLY.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">See http://api.drupal.org/api/function/theme_field/7 for details.</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">After copying this file to your theme's folder and customizing it, remove this HTML comment.</span><br />
<br />
<div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"><span class="Apple-style-span" style="font-size: large;"><b>Showing the first image of multi-value image field using the Views module</b></span></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;">The views module includes an option for which values to display of multi-value fields. This option is called "<b>MULTIPLE FIELD SETTINGS</b>". In order to display only the first value, just change the corresponding text-field to <b>Display 1 value starting from 0</b> (or starting from any other item you want).</div><br />
<div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNNAvtRoMJcOHibYSa-Znoo3i0LGfZN9vhFyHYFzpoW1f4ayhTQw9cqnrNqPKoMfZEgF-9DablEAE0RlCeiSPxiNi8sdx3pVnz1Qyd_6YOX-3Ly_F9Uh4D-1Mcsx2r7YLYN1A7c1kfoYM/s640/multiple-field-settings.jpg" width="600" /></div><br />
<br />
</div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com3tag:blogger.com,1999:blog-8349982880344234969.post-87469950730435934892011-09-08T10:33:00.003+03:002011-09-08T10:49:38.647+03:00Drupal 7 adding Google web fonts as external stylesheets<div dir="ltr" style="text-align: left;" trbidi="on">To use Google web fonts as external stylesheets to your theme, you cannot use the themes .info file. Instead you can add this in template.php. In Drupal 7, if you want to add the 'PT Sans' Google web font do this as follows:<br />
<br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><?php</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">function YourThemeName_preprocess_html(&$variables) {</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">drupal_add_css('http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic', array('type' => 'external'));</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">} </span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">?></span><br />
<br />
After this addittion, just add the 'PT Sans' in your style.css file. For example<br />
<br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">h1 { font-family: 'PT Sans',Helvetica,Sans-serif; }</span><br />
<br />
If you want to add/load web fonts for a single page and not for the whole site, you can use drupal_add_css() and place a condition around it.</div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com61tag:blogger.com,1999:blog-8349982880344234969.post-82588935692632479682011-08-30T19:06:00.004+03:002011-09-08T10:49:20.505+03:00Drupal 7 adding a body class that tells us whether a region is empty of blocks<div dir="ltr" style="text-align: left;" trbidi="on">Sometimes, especially in the style.css file, there is a need to understand whether a theme region is empty. A good solution to achieve this is to add a body class. In order to achieve this, you could make use of Drupal 7 template_preprocess_html(&$variables)<br />
<br />
Just add to your template.tpl.php file of your theme the following function:<br />
<br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">function YourThemeName_preprocess_html(&$variables) {</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">if (empty($variables['page']['RegionName'])) {</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">$variables['classes_array'][] = 'YourClassName';</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">}</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">}</span><br />
<br />
</div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-5530171058523166902011-08-28T13:29:00.001+03:002011-08-28T13:44:08.167+03:00Drupal 7 possible override field templates<div dir="ltr" style="text-align: left;" trbidi="on"><b>field.tpl.php</b> - Default template implementation to display the value of a field. This file is not used and is here as a starting point for customization only.<br />
<br />
Possible override templates are:<br />
<ul style="text-align: left;"><li>field.tpl.php</li>
<li>field--field-type.tpl.php</li>
<li>field--field-name.tpl.php</li>
<li>field--content-type.tpl.php</li>
<li>field--field-name--content-type.tpl.php</li>
</ul><i>For example</i>, if you want to override the <b>'field_image'</b> in your <b>'product'</b> content type, you should create the template <b>field--field_image--product.tpl.php</b>. <br />
<br />
Futhermore, if you want to load the node in which field is attached, you should use the <b>$element['#object']</b> entity.<br />
<br />
<i>For example,</i> if you want to take the language of the node in which field is attached, you can use the following code <?php $node=$element['#object']; $lang = $node->language; ?></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-75002810740662212732011-08-03T13:19:00.002+03:002011-08-03T13:22:25.404+03:00$(document).ready and $(window).load<div dir="ltr" style="text-align: left;" trbidi="on">jQuery offers two powerful methods to execute code and attach event handlers: $(document).ready and $(window).load. The document ready event executes already when the HTML-Document is loaded and the DOM is ready, even if all the graphics haven’t loaded yet. If you want to hook up your events for certain elements before the window loads, then $(document).ready is the right place.<br />
<br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">$(document).ready(function() {</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>// executes when HTML-Document is loaded and DOM is ready</b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">alert("document is ready");</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">});</span><br />
<br />
The window load event executes a bit later when the complete page is fully loaded, including all frames, objects and images. Therefore functions which concern images or other page contents should be placed in the load event for the window or the content tag itself.<br />
<br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">$(window).load(function() {</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;"><b>// executes when complete page is fully loaded, including all frames, objects and images</b></span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">alert("window is loaded");</span><br />
<span class="Apple-style-span" style="font-family: 'Courier New', Courier, monospace;">});</span></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-8466921001475582042011-07-29T11:32:00.020+03:002011-07-29T12:13:02.905+03:00Drupal 7 Blogger's Pack<div dir="ltr" style="text-align: left;" trbidi="on"><div style="clear: both;">So you need more than just one theme, meet <a href="http://www.morethanthemes.com/?q=themes/bloggers-pack/store" target="_blank">Blogger's Pack</a> . Get all the power of BlozZit and Photofolio for Drupal 7, including PSD & HTML/CSS.<br />
<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.morethanthemes.com/?q=themes/photofolio" imageanchor="1" target="_blank" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOvE8hA5nmvwXB6mK-7HJ6zgMO3zUX8nqoAXPRIHpq1WWGFkuI08Hbot3IzFc8rFosy2xGh_wKGBBMOs6qODlIXk16bebQpFtbkhD2yJKth0cuMhtEgQFzB1muUjDdS_7mAKG0Jrp-CfI/s1600/photofolio-thumb+%25281%2529.png" /></a></div><div style="text-align: left;"><span class="Apple-style-span" style="font-size: large;"><a href="http://www.morethanthemes.com/?q=themes/photofolio" target="_blank">Photofolio</a></span></div><br />
Among the most powerful Drupal themes ever released. Ideal for bloggers, photographers, designers, creatives and trendsetters.<br />
<br />
For Drupal 6 & 7<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.morethanthemes.com/?q=themes/blozzit" target="_blank" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifq5eEwXjzf_pOTRLqO3tjCQRMYZssKzVynpvNBKuD6gIgh0MQZeanlescEXsizKO4a6f6K-LUAGFv53i3UEFKA5bWxwJpvbN_-wEz96O49d0Wo1gRdS0HZqJSXONo_D-u-W20jaA95sw/s1600/blozzit-thumb.png" /></a></div><span class="Apple-style-span" style="font-size: large;"><a href="http://www.morethanthemes.com/?q=themes/blozzit" target="_blank">BlozZit</a></span><br />
<br />
Personal blogging revisited. Combining awesome design and typography, with the power of Drupal.<br />
<br />
For Drupal 7<br />
<br />
<div style="clear: both;">Every theme in the <a href="http://www.morethanthemes.com/?q=themes/bloggers-pack/store">Blogger's Pack</a> comes with:<br />
<ul style="text-align: left;"><li>Full static HTML & CSS site.</li>
<li>Full layered PSD files.</li>
<li>Rich Drupal 7.x theme incl. Views.</li>
<li>An installation profile which sets up in a minute.</li>
</ul><br />
<div><br />
</div></div></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com3tag:blogger.com,1999:blog-8349982880344234969.post-82601973653318930932011-07-29T10:56:00.004+03:002011-07-29T11:21:25.464+03:00Corporate Clean - Free Drupal 7 theme<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://drupal.org/project/corporateclean" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijPWxHQkdbQqO69VdC6zmwI8QnLkxQajMGY5IOTrXMWpgA6EeH7Ja_B_G4ye4TeI0lVzGh0lwRcan9w4BC8w6oayavP34bD7kPF5zTsck-d1VzF3DcaWnfDq-GXGBSOoVFe-4E-N9yRcU/s200/products.jpg" width="188" /></a></div><a href="http://drupal.org/project/corporateclean" target="_blank">Corporate Clean for Drupal</a> by <a href="http://www.morethanthemes.com/">More than Themes</a> is based on the homonymous PSD template, which was designed and published by Zsolt Kacso.<br />
Corporate Clean has been ported to Drupal and is supported by <a href="http://www.morethanthemes.com/">More than Themes</a>, as part of our ongoing effort to bring quality themes to Drupal.<br />
<div style="text-align: left;"></div><br />
<span class="Apple-style-span" style="font-size: large;">- <a href="http://demo.drupalizing.com/?theme=corporateclean">Live Demo</a></span><br />
<span class="Apple-style-span" style="font-size: large;">- <a href="http://wiki.morethanthemes.com/index.php?title=Corporate_Clean">Documentation</a></span><br />
<span class="Apple-style-span" style="font-size: large;">- <a href="http://www.flickr.com/photos/morethanthemes/sets/72157627055219775/">Screen shots</a></span></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com2tag:blogger.com,1999:blog-8349982880344234969.post-26887244708810315732011-07-04T14:35:00.000+03:002011-07-04T14:35:05.906+03:00Custom Drupal User Login/Logout LinksFor no logged user it presents<br />
<i>a) User Login</i><br />
<br />
For logged in users the links become<br />
<i>a) My Account -> Links to User Profile<br />
b) Logout</i><br />
<br />
<?php<br />
global $user;<br />
if ($user->uid != 0) {<br />
print l('My Account', 'user/'. $user->uid) . " | ";<br />
print l('Logout','user/logout/');<br />
}<br />
else {<br />
print l('User Login','user/');<br />
}<br />
?>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com6tag:blogger.com,1999:blog-8349982880344234969.post-57557620240814830772011-07-01T19:00:00.000+03:002011-07-01T19:00:02.345+03:00Adding meta description & keywords to the Drupal 7 headYou can use drupal_add_html_head() for adding meta description and meta keywords in header. In your theme template.php file, you can call hook_page_alter() for embeding meta. If you want to add meta description and meta keywords in your site then go to your template.php file and paste the code (display below):<br />
<br />
function YOURTHEMENAME_page_alter($page) {<br />
$meta_description = array(<br />
'#type' => 'html_tag',<br />
'#tag' => 'meta',<br />
'#attributes' => array(<br />
'name' => 'description',<br />
'content' => 'some description here'<br />
)<br />
);<br />
$meta_keywords = array(<br />
'#type' => 'html_tag',<br />
'#tag' => 'meta',<br />
'#attributes' => array(<br />
'name' => 'keywords',<br />
'content' => 'some, keywords'<br />
)<br />
);<br />
drupal_add_html_head( $meta_description, 'meta_description' );<br />
drupal_add_html_head( $meta_keywords, 'meta_keywords' );<br />
}George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com7tag:blogger.com,1999:blog-8349982880344234969.post-28647420630320162302011-06-29T19:40:00.000+03:002011-06-29T19:40:00.072+03:00Check if Drupal 7 region is empty and print a body class (template.tpl.php)Add to your template.tpl.php the following function:<br />
<br />
function YourThemeName_preprocess_html(&$variables) {<br />
if (empty($variables['page']['RegionName'])) {<br />
$variables['classes_array'][] = 'YourClassName';<br />
}<br />
}<br />
<br />
Drupa API<br />
<b>7 – 8 template_preprocess_html(&$variables)</b><br />
http://api.drupal.org/api/drupal/includes--theme.inc/function/template_preprocess_html/7George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-41004912700740607532011-06-05T11:43:00.013+03:002011-06-08T12:37:46.531+03:00Add unique class (mlid) to all Drupal 7 menu items<div dir="ltr" style="text-align: left;" trbidi="on">Main and secondary menus has a great class .menu-123 (.menu-mlid) to do that. So here how you can port the same behavior to any/all menu items. Add the following function in your template.php file,<br />
<code><br />
<?php<br />
/**<br />
* Add unique class (mlid) to all menu items.<br />
*/<br />
function YOURTHEMENAME_menu_link(array $variables) {<br />
$element = $variables['element'];<br />
$sub_menu = '';<br />
<br />
$element['#attributes']['class'][] = 'menu-' . $element['#original_link']['mlid'];<br />
<br />
if ($element['#below']) {<br />
$sub_menu = drupal_render($element['#below']);<br />
}<br />
$output = l($element['#title'], $element['#href'], $element['#localized_options']);<br />
return '<li' . drupal_attributes($element['#attributes']) . '>' . $output . $sub_menu . "</li>\n";<br />
}<br />
?><br />
</code><br />
<h3>7 – 8 theme_menu_link(array $variables)</h3>See core function theme_menu_link for Drupal 7 - 8 at <a href="http://api.drupal.org/api/drupal/includes--menu.inc/function/theme_menu_link/7" target="_blank">http://api.drupal.org/api/drupal/includes--menu.inc/function/theme_menu_link/7</a><br />
<br />
<i>Thanks betarobot for this comment</i></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com1tag:blogger.com,1999:blog-8349982880344234969.post-44875785247302309582011-05-07T18:43:00.001+03:002011-05-07T18:45:01.060+03:0044 Must Have Free Social Media Icon Packs<div dir="ltr" style="text-align: left;" trbidi="on"><div class="post_inner"><span style="float: left; margin-left: 5px; width: 550px;"> </span> </div><div class="separator" style="clear: both; text-align: center;"><a href="http://naldzgraphics.net/freebies/44-must-have-free-social-media-icon-packs/" target="_blank" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKbomCsQKuJYKxzWJXk25qv8lYh_Q-r6IkFg_ABmvLjZ-QK7xMyznzM0ordGs2h2nstGhFqOuTBBH-B9Y2w1uN-46xMVvB0WzFv7dtcnb9o_ZzW6elmuSKMI2oCWm8T9Lc6PW5sTqYFl4/s320/social-icons.jpg" width="320" /></a></div><b> Social media</b> are media for social interaction, that uses web-based technologies to turn communication into interactive dialogue. Today, with the fast-growing internet techology, more people are logging into various social-networking sites to share thoughts and ideas with other people all-over the globe. Due to this popularity, website owners have found ways to link popular social-media to their sites as an additional feature to allow their viewers to connect and share directly to their most visited social-networks. Here, a compliation of cool icons connected to the some of the most-popular social sites out there.<br />
<br />
<a href="http://naldzgraphics.net/freebies/44-must-have-free-social-media-icon-packs/" target="_blank">Take a look at these <b>44 Free Social Media Icons</b></a> </div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com2tag:blogger.com,1999:blog-8349982880344234969.post-13293539192534661922011-04-30T16:42:00.005+03:002011-04-30T16:48:20.028+03:00CSS3 Gradient Buttons<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://www.webdesignerwall.com/demo/css-buttons.html" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FnvlRMs19OCnynKXGO3tuPR6nky55XxnzKSvA_0FMxP2pD07_sinwMgif7mQdgLZKQKW_rw9q74_t2Cehksd-GVhIa_Mz3_fBTM4T9knnhmOXyP5i6e75P9cIIh2pogKFYjE_8XT0PE/s1600/button-states.gif" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(227, 227, 227); padding: 5px;" /></a></div><h3>What Is So Cool About These Buttons?</h3><ul style="text-align: left;"><li>Pure CSS: no image or Javascript is used.</li>
<li>The gradient is cross-browser supported (IE, Firefox 3.6, Chrome, and Safari).</li>
<li>Flexible and scalable: button size and rounded corners can be adjusted by changing the font size and padding values.</li>
<li>It has three button states: normal, hover, and active.</li>
<li>It can be applied to any HTML element: a, input, button, span, div, p, h3, etc.</li>
<li>Fallback: if CSS3 is not supported, it will display a regular button (no gradient and shadow).</li>
</ul><div style="text-align: left;"><a href="http://www.webdesignerwall.com/demo/css-buttons.html" target="_blank">Read more </a></div></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-87817907036310717092011-04-20T12:14:00.004+03:002011-04-30T16:59:28.219+03:00Corporate Classy for Drupal 7 is ready<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><a href="http://www.morethanthemes.com/?q=themes/corporateclassy"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9QbBR8ygue0ndhTNY-z9ksWrTKHTkZQj27qjcikn9BlgNv2i-ThkQvPmZyKlpJz0pwPnAJOUjaHTOfIqTC07osNmb_yJ9A8lZBhbsNFOgo-tsIblhgGXUiweAVfD5KLmxUtLhh_CXhyphenhyphen4/s1600/corporate-thumb.png" /></a></div><span style="font-size: x-large;"><a href="http://www.morethanthemes.com/?q=themes/corporateclassy">Corporate Classy</a></span><br />
<br />
Designed only for the very best of cases.<br />
Ideal for businesses, online shops and anyone into sales and marketing. <b>(Drupal 6 + 7 included)</b></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-84286642080700332011-03-23T22:23:00.002+02:002011-03-23T22:25:12.515+02:00Better Bluemasters Drupal free theme (7.1.1)<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://drupal.org/project/bluemasters" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8UfkeRVIQ1FYVfBFYB-odEXPwk6JMuroEAg2jQd5F_wx4t6zwLuvMZaIwOMqM0cNnowp87J3LzlFI0sIrUaukl0qufK6sWtAuTeGNKrrAAUr28Q6hqcd49tL-Ch4rGbD1_llNz2plZo4/s200/bluemasters-preview.preview.jpg" width="174" /></a></div>In less than 90 days after its initial release, <a href="http://drupal.org/project/bluemasters">BlueMasters Drupal theme</a> become even better. <a href="http://drupal.org/node/1100654">Bluemasters 7.x-1.1</a> solves more than 20 bugs reported by community members and brings some new features like CSS drop down menus and clean urls support.<br />
<br />
<a href="http://drupal.org/project/bluemasters">BlueMasters </a>is ported to Drupal as part of our constant effort to get more and more quality themes available to Drupal. You can view demos of those or suggest what you would like us to port to Drupal next, via: <a href="http://www.drupalizing.com/">http://www.drupalizing.com</a>. Special thanks to community members Netbuddy, <a href="http://drupal.org/user/829430">gtsopour</a>, nopulse, gomezsal for their comments and suggestions. </div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-55889632633139776822011-03-17T23:06:00.004+02:002011-03-17T23:10:15.362+02:00Big news with more Drupal 7 - Photofolio and Pressblog for Drupal 7 are ready<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><a href="http://www.morethanthemes.com/"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxoPrndazT_2uYSLFH0BSmsMpiUG-56pdwcPSl751pu0QckmNdp1_JdMkce0ow59V1Se3rLX4qYXYBUFcuRZIZct_vD5BNO8ERvuL5yXwCTCLbr1XGv8ydtCYRAUbMDFKCTGVLUoXTgSc/s320/shopwindow_photofolio.png" width="320" /></a></div><span class="Apple-style-span" style="font-family: Calibri; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="font-family: Calibri; line-height: 19px;"><span class="Apple-style-span" style="font-size: large;"><a href="http://www.morethanthemes.com/?q=themes/photofolio">Photofolio </a></span><span class="Apple-style-span" style="color: #444444;">- Among the most powerful Drupal themes ever released. </span></span><br />
<span class="Apple-style-span" style="font-family: Calibri; line-height: 19px;"><span class="Apple-style-span" style="color: #444444;">Ideal for bloggers, photographers, designers, creatives and trendsetters<i>.</i> <b>(Drupal 6 + 7 included)</b></span></span><br />
<span class="Apple-style-span" style="color: #555555; font-family: Calibri; font-size: 14px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #555555; font-family: Calibri; font-size: 14px; line-height: 19px;"><br />
</span><br />
<span class="Apple-style-span" style="color: #555555; font-family: Calibri;"><span class="Apple-style-span" style="font-size: 14px; line-height: 19px;"><br />
</span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://www.morethanthemes.com/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS-Fk5FCo36vXnWMOSHB1fPLzFrfdXs1m6SV6mjL-G8LQwtQ9hNCL1EOIhrrita9f47BpzErvGXIplDNljrAvEBbJYaC3YMldiMhld_-1BEG0rdtZvq-WfLGTZE2iS4x_fKmYRi_2WVYo/s320/shopwindow_pressblog.png" width="320" /></a></div><span class="Apple-style-span" style="font-family: Calibri;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="color: #444444;"><br />
</span></span></span><br />
<span class="Apple-style-span" style="font-family: Calibri;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="color: #444444;">We have just finished a stylish theme, a workhorse in content presentation - the</span> <span class="Apple-style-span" style="color: #555555; font-size: large;"><a href="http://www.morethanthemes.com/?q=themes/pressblog">Press Blog</a></span><span class="Apple-style-span" style="color: #555555;">. </span></span></span><br />
<span class="Apple-style-span" style="font-family: Calibri;"><span class="Apple-style-span" style="line-height: 19px;"><span class="Apple-style-span" style="color: #555555;"></span><span class="Apple-style-span" style="color: #444444;">Ideal for news portals, journalists, bloggers and anyone into writing... lots.<b> </b></span></span></span><span class="Apple-style-span" style="color: #444444; font-family: Calibri; line-height: 19px;"><b>(Drupal 6 + 7 included)</b></span></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-34376382938645585522011-02-25T20:36:00.003+02:002011-02-25T20:41:00.791+02:00Photofolio for Drupal 7 - Taste it now<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: left;"><a href="http://www.morethanthemes.com/"><img border="0" height="84" src="http://www.morethanthemes.com/sites/all/themes/mt-site/logo.png" width="400" /></a></div><a href="http://playground.morethanthemes.com/drupal7/photofolio/">Photofolio for Drupal 7</a> is almost ready. We are waiting for Views first stable version to be realesed. Then Photofolio for Drupal 7 will became available for the public. <br />
<blockquote>In the mean time you can get your feets wet in our <a href="http://playground.morethanthemes.com/drupal7/photofolio/user">playground</a>. </blockquote><a href="http://playground.morethanthemes.com/drupal7/photofolio/user">Login into Photofolio</a> and taste it... (user: <b>guest / </b>password: <b>play</b>)</div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-41338408071106688922011-02-04T10:14:00.002+02:002011-02-04T10:19:52.074+02:00More Than Themes Press Blog - A workhorse in content presentation<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="http://www.morethanthemes.com/?q=themes/pressblog" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqrpbDPQL8Q6ooecP5lL3xccHi6il1AUkcTwJ0N21oRL1yBTYetwMXe5XmJ8QOYCbVdZRnR069kWNeE2A91KnKywWx_v-IQ-ESPVgGxDOcE5Xl_BpMxx_KvT7QdoMYQkZEqW_J-k0bPY/s320/pressblog-preview.png" width="320" /></a></div><br />
<a href="http://www.morethanthemes.com/">We</a> have just finished a stylish theme, a workhorse in content presentation - the Press Blog.<br />
<br />
Ideal for news portals, journalists, bloggers and anyone into writing... lots.<br />
<br />
<a href="http://www.morethanthemes.com/?q=themes/pressblog">Taste it</a>, <a href="http://demo.morethanthemes.com/pressblog/d6/">see it live</a>, <a href="http://www.morethanthemes.com/?q=themes/pressblog">love it</a></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-9750210065176909842011-02-01T11:48:00.001+02:002011-02-02T11:31:48.141+02:00Photofolio - Among the most powerful Drupal themes ever released<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><a href="http://www.morethanthemes.com/?q=themes/photofolio"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj88vhD3XXfksALx-KGVry5Eoe-iNOvAj1micjGHum0g4yUlwsJCcwS6g5qcO0oTEnq75QRgfr05ZbYJl_Urj4sztgooCs0vhNXRQ1q1Nz7fCHRpSMCoPKa6ze5RuJDQO78hYuvHiJCZF0/s320/shopwindow_photofolio.png" width="320" /></a></div><a href="http://www.morethanthemes.com/?q=themes/photofolio">Photofolio </a>- Among <a href="http://www.morethanthemes.com/">the most powerful Drupal themes ever released</a>. Ideal for bloggers, photographers, designers, creatives and trendsetters.<br />
<br />
<ul style="text-align: left;"><li><b>Front Page SlideShow</b><br />
Add your post to the front-page slide show with a single click. Leave the rest to <a href="http://www.morethanthemes.com/?q=themes/photofolio">Photofolio</a>. Front page slide show automatically promotes your posts.</li>
<li><b>Blog Post: Story the way it should be</b><br />
An enhanced version of "Story". A blog post with images and multiple tags. You will love this way of posting in your site. promoted node types.</li>
<li><b>Gallery post: publish your photos in a small gallery</b><br />
<a href="http://www.morethanthemes.com/?q=themes/photofolio">Photofolio </a>comes with this content type built-in. All you need to do is attach your images. <a href="http://www.morethanthemes.com/?q=themes/photofolio">Photofolio </a>will create a smooth and impressive photogallery.</li>
<li><b>Galleries block: putting Views into your service</b><br />
The built-in Galleries block recognizes all Gallery posts and creates a nice summary block with your submitted galleries. Images are automatically resized for best fit.</li>
<li><b>Monthly Archives: putting Views into your service, pt II.</b><br />
What’s a blog without this? With the power of Views, <a href="http://www.morethanthemes.com/?q=themes/photofolio">Photofolio </a>provides a ready to use block that counts and summarize your posts.</li>
<li><b>Image management, the auto-way.</b><br />
<a href="http://www.morethanthemes.com/?q=themes/photofolio">Photofolio </a>comes with the ImageCache module and other techniques for auto-detection and auto-resizing of attached images. Pixel perfect thumbnails created automatically so that you won’t need to upload new cropped images. And if you still prefer your own thumbs, there’s no problem. <a href="http://www.morethanthemes.com/?q=themes/photofolio">Photofolio </a>will understand and feature those instead.</li>
</ul><br />
<br />
A useful resource is also our detailed User’s guide: <a href="http://wiki.morethanthemes.com/index.php?title=Photofolio:Documentation">http://wiki.morethanthemes.com/index.php?title=Photofolio:Documentation</a><br />
<div><br />
</div></div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0tag:blogger.com,1999:blog-8349982880344234969.post-80881695516950487872011-01-27T15:13:00.001+02:002011-01-27T15:18:41.725+02:00PRESS BLOG - A stylish theme. A workhorse in content presentation.<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.morethanthemes.com/?q=themes/pressblog" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimqrpbDPQL8Q6ooecP5lL3xccHi6il1AUkcTwJ0N21oRL1yBTYetwMXe5XmJ8QOYCbVdZRnR069kWNeE2A91KnKywWx_v-IQ-ESPVgGxDOcE5Xl_BpMxx_KvT7QdoMYQkZEqW_J-k0bPY/s320/pressblog-preview.png" width="320" /></a></div><br />
Ideal for news portals, journalists, bloggers and anyone into writing... lots. <br />
Premium pixel-perfect, beautifully coded toolsets for your website from <a href="http://www.morethanthemes.com/">More Than (just) Themes</a>.<br />
<br />
Coming. <a href="http://www.morethanthemes.com/?q=themes/pressblog">Sign Up To Get Notified</a>.</div>George I. Tsopouridishttp://www.blogger.com/profile/17747042259922167352noreply@blogger.com0