[gnomeweb-wp] created global domain bar, added simple_list style and started to work in the home page
- From: Vinicius Scopel Depizzol <vdepizzol src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnomeweb-wp] created global domain bar, added simple_list style and started to work in the home page
- Date: Tue, 12 Oct 2010 06:05:07 +0000 (UTC)
commit c328de41ec442c3d7c16009674c47f43e5d8e4bd
Author: Vinicius Depizzol <vdepizzol gmail com>
Date: Tue Oct 12 03:03:54 2010 -0300
created global domain bar, added simple_list style and started to work in the home page
wp-content/themes/gnome-grass/header.php | 8 ++
wp-content/themes/gnome-grass/home.php | 100 ++++++++++----------
.../gnome-grass/images/home/introduction-bg.png | Bin 0 -> 109980 bytes
wp-content/themes/gnome-grass/style.css | 51 ++++++++++-
4 files changed, 107 insertions(+), 52 deletions(-)
---
diff --git a/wp-content/themes/gnome-grass/header.php b/wp-content/themes/gnome-grass/header.php
index 1250d4f..781fae8 100644
--- a/wp-content/themes/gnome-grass/header.php
+++ b/wp-content/themes/gnome-grass/header.php
@@ -25,6 +25,14 @@
</ul>
</div>
+ <!-- global gnome.org domain bar -->
+ <div id="global_domain_bar">
+ <div>
+ <a href="#"><strong>GNOME</strong>.ORG</a>
+ </div>
+ </div>
+
+
<!-- header -->
<div id="header" class="container_12">
<div id="logo" class="grid_3">
diff --git a/wp-content/themes/gnome-grass/home.php b/wp-content/themes/gnome-grass/home.php
index 394b61f..3748ac6 100644
--- a/wp-content/themes/gnome-grass/home.php
+++ b/wp-content/themes/gnome-grass/home.php
@@ -3,69 +3,67 @@
require_once("header.php"); ?>
+ <!-- introduction home -->
+ <div style="background: url(<?php bloginfo('stylesheet_directory'); ?>/images/home/introduction-bg.png) bottom center no-repeat; overflow: hidden;">
+ <div class="container_12">
+
+ <div class="grid_12" style="border-bottom: 1px solid #ccc; padding-bottom: 70px;">
+ <div class="grid_7 alpha">
+ <h1 style="margin-bottom: 0;">Lorem ipsum dolor sit</h1>
+ <p class="main_feature" style="margin-top: 0;">Amet conseguer domulus sit lorem ipsum dolor sit amet avec consequer.</p>
+ <p><a href="#" class="action_button">Lorem ipsum GNOME</a></p>
+ </div>
+
+ <div class="clear"></div>
+ </div>
+ </div>
+ </div>
+
<!-- container -->
<div id="container" class="two_columns">
+
<div class="container_12">
- <div class="content without_sidebar">
- <?php
-
- $temp_query = clone $wp_query;
+ <div class="news_list grid_9">
- query_posts(array('post_type' => 'banner', 'posts_per_page' => 1));
-
- while ( have_posts() ) : the_post();
-
- ?>
<?php
-
- $home_link = get_post_meta($post->ID, 'link', true);
-
- echo '<div id="home_banner">';
- if($home_link != '') {echo '<a href="'.$home_link.'">'; } ?>
- <?php the_post_thumbnail(array(940, 350), array('alt' => get_the_excerpt($post->ID), 'title' => get_the_title($post->ID))); ?>
- <?php if($home_link != '') {echo '</a>'; }
- echo '</div>';
+ $i = 0;
+ while ( have_posts() ) : the_post();
?>
-
- <?php endwhile; // End the loop. Whew.
-
- $wp_query = clone $temp_query;
-
- ?><div class="news_list grid_9 alpha"><?php
- while ( have_posts() ) : the_post();
- ?>
- <div class="news">
- <div class="date grid_3 alpha">
- <?php the_date(); ?>
+ <div class="news">
+ <?php if ($i == 0): ?>
+ <div class="grid_9 alpha omega" style="background: #ececec; margin-bottom: 10px; height: 180px;">
+
+ </div>
+ <?php endif; ?>
+ <div class="date grid_3 alpha">
+ <?php the_date(); ?>
+ </div>
+
+ <div class="grid_6 omega">
+ <a href="<?php the_permalink(); ?>">
+ <strong><?php the_title(); ?></strong><br />
+ <?php echo strip_tags(get_the_excerpt()); ?>
+ </a>
+ </div>
+ <div class="clear"></div>
</div>
-
- <div class="grid_6 omega">
- <a href="<?php the_permalink(); ?>">
- <strong><?php the_title(); ?></strong><br />
- <?php echo strip_tags(get_the_excerpt()); ?>
- </a>
- </div>
- <div class="clear"></div>
- </div>
- <?php
- endwhile;
- ?>
+ <?php
+ $i++;
+ endwhile;
+ ?>
</div>
- <div class="grid_3 omega">
- <div class="subtle_box">
- <p>For more GNOME news, check out the <a href="#">Planet GNOME</a>.</p>
- <p><strong>Planet GNOME</strong> groups blogs of GNOME hackers and contribuitors.</p>
- </div>
- </div>
- <?php
- ?>
- <br />
- <div class="clear"></div>
+ <div class="grid_3 omega">
+ <div class="subtle_box">
+ <p>For more GNOME news, check out the <a href="#">Planet GNOME</a>.</p>
+ <p><strong>Planet GNOME</strong> groups blogs of GNOME hackers and contribuitors.</p>
+ </div>
</div>
- <?php require_once("footer_art.php"); ?>
+ <div class="clear"></div>
+
+ <?php require_once("footer_art.php"); ?>
</div>
</div>
diff --git a/wp-content/themes/gnome-grass/images/home/introduction-bg.png b/wp-content/themes/gnome-grass/images/home/introduction-bg.png
new file mode 100644
index 0000000..f6feefe
Binary files /dev/null and b/wp-content/themes/gnome-grass/images/home/introduction-bg.png differ
diff --git a/wp-content/themes/gnome-grass/style.css b/wp-content/themes/gnome-grass/style.css
index 26852d3..080bf2c 100644
--- a/wp-content/themes/gnome-grass/style.css
+++ b/wp-content/themes/gnome-grass/style.css
@@ -55,6 +55,34 @@ a:visited {
+/* Global Domain Bar */
+/* ========================================================================== */
+
+
+
+#global_domain_bar {
+ background: #fff;
+ height: 10px;
+}
+#global_domain_bar div {
+ max-width: 940px;
+ margin: 0 auto;
+}
+#global_domain_bar a {
+ margin-right: 30px;
+ float: right;
+ background: #fff url(images/favicon.png) 8px 7px no-repeat;
+ padding: 4px 12px 2px 26px;
+ color: #555753;
+ text-decoration: none;
+ font-size: 13px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+}
+
+
+
/* Header */
/* ========================================================================== */
@@ -501,6 +529,27 @@ a:visited {
padding-top: 1px;
}
+/* -> Simple List */
+
+.simple_list {
+ margin: 0 0 20px;
+ padding: 0;
+ list-style: none;
+}
+.simple_list li {
+ border: 1px solid #eeeeec;
+ border-left: 0;
+ border-right: 0;
+ padding: 0;
+ margin: 0;
+}
+.simple_list li a {
+ padding: 3px 8px;
+ text-decoration: none;
+ display: block;
+ color: #888a85;
+}
+
/* -> Iconified Menu */
ul.iconified_menu {
@@ -563,7 +612,7 @@ dl.icon_list dt img {
.action_button {
display: inline-block;
- padding: 3px 12px;
+ padding: 0 14px;
border: 1px solid #ccc;
background: #ececec url(images/action_button-bg.png) center repeat-x;
-moz-border-radius: 15px;
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]