Arras WordPress Theme Community Forums
Community support for Arras and other WordPress projects
You are not logged in. Please login or register.
Arras 1.5.2-RC2 Now Available: Download Here
Forum Rules: Please ensure that you have clearly read and understood the forum rules before posting.
User Confirmations / Password Reminders: Please check your spam folder before emailing for help if you have not received the confirmation or password reset emails.
Hi, thanks to Arras I finally had the chance to give my review blog a more magazine like styling. It needs some more customized adjustements but for now I'm happy with the results.
Very nice. Rounded corners are a great touch
I was make an inventory of the plugins I use and I might as well share them with you lot. Perhaps there's something useful for you, perhaps not.
# About Me 3000
Provides a widget with links to my twitter account and technorati account and provides a gravatar. Can be used for more options like Facebook, Friendfeed & Delicious.
# AddQuicktag
This plugin allows me to add buttons to the html-editor. I've got a couple of plugins which requires shortcodes to activate within a post and this plugin gives me the opportunity to do this with one mouse-click.
# Adminimize
This lets me get rid of all the options in the wp-admin I don't use. Half of the plugins I use are working just fine and I will not be tinckering with the settings so no need to show them to me. With Adminimize they are hidden.
# Advanced Spoiler
This basically lets you hide text behind a clickable link.
# Broken Link Checker
Detected 1212 unique URLs in 1556 links. Yeah, I'm not going to check these links myself if they work or not.
# Contact Form 7
Well known plugin with an easy to configure contact form.
# Exclude Pages from Navigation
My navbar shows page instead of categories but I didn't want a dropdown menu in the navbar so I got rid of some pages there.
# Google XML Sitemaps
I've registerd my page at google and gave them this sitemap to crawl.
# Microkid's Related Posts
There are multiple related posts plugins but this was (afaik) the only one which lets me choose which posts I want to be 'related'. Since my blog is mainly about reviews I use this plugin to recommend other titles.
# Multi-page Toolkit
With this toolkit you can give a post with multiple pages some options for display but at this point the usefullness for this plugin went away thanks to wp-tabbity (see below).
# My Page Order
With this I can choose in which order the pages will show on my navbar.
# Newsletter
What is says in the name 
# NextGEN Gallery
There are a gazillion plugins to show picute galleries. I like this one, easy to use.
# Ozh' Admin Drop Down Menu
Also what it says in the name, it gives you a drop down menu in the wp-admin instead of the menu on the left. Now I can access menu items with one click.
# Page Links To
This one lets me link a page to an outside source.
# Plugins list
So I don't have to type all the titles of the plugins I use myself.
# Popupper
With this plugin I can give some words a popup on a mouse over showing a picture of a text.
# PS Auto Sitemap
# RB Internal Links
Sometimes I refer to another post, with this I can easily add a link to it. It gives you a pop-up in which you can choose between all your posts, pages and categories. It also has a search option to make it even more easy.
# SexyBookmarks
Puts a nicely (sexy!) formed graphic in my posts with links to twitter, facebook, delecious, etc. etc. etc. for people to spread the word.
# Simple Tags
This plugin allows me to delete, change or add tags to posts without actually editting the posts itself. Quite useful actually. It does have its downsides though, the 'tag' box in the edit screen of posts simply sucks.
# Smart Youtube
Plugin which lets me add youtube videos with ease.
# Star Rating for Reviews
Quite obvious, I type [rating: 3/5] and it shows 5 stars of which 3 are 'filled'.
# TinyMCE Advanced
This plugins lets me choose which icons I want in my TinyMCE editor. Some options I never use are just wasting space.
# Widget Logic
I don't want all widgets to show on each page/post. This plugin lets me do just that.
# WordPress.com Stats
So I can see which posts are popular, where people come from (referrer) and which keywords they used in google to get here.
# WP-Filebase
Gives me the option to add a downloadble item to a post.
# WP-Footnotes
What it says. Example.
# WP-gio
This is actually wp-note but I changed a lot in this plugin and renamed it to my own name. With this plugin I can use a shortcode to add a box to posts to highlight some things. Look at this post, it uses 2 of them (the latest version of it has 4 different boxes).
# WP-Optimize
To clean up revisions and optimize the tables.
# WP-PageNavi
To add 1, 2, 3, instead of 'older' & 'newer'.
# WP-Polls
To add polls to posts or pages. Or simply a widget.
# WP-PostRatings
This gives people the chance to rate posts, but I actually use it to let people rate the titles I review.
# WP-SpamFree
To get rid of all those annoying bots. Well, actually of the spam they produce.
# WP-Tabbity
Puts tabs into posts. Example. (Turn on JavaScript if you don't see tabs.)
Last edited by extatix (2010-03-02 06:57:01)
thanks for posting this list. I'm going to try a couple of these out.
I really like the background you have. If you don't mind me asking, how did you get that effect?
I mean how big the picture is behind the body and how it looks 'deep' into the screen. Really nice!
Thanks, it was one of the coolest posts regarding plugins ever. I have an anime/manga site (but it's yaoi and adult) with news and reviews. Before I even thought about using arras theme I was knocking my head to find a related posts plugin that made sense.
It may look like a simple task but requires a lot of patience to get the RIGHT ONE.
I probably won't use as many plugins and won't have time or knowledge to custom every detail like you did, but you gave me many ideas.
Last edited by Tanko (2010-03-05 13:54:30)
Yeah, Yaoi isn't exactly my thing, I'd prefer Yuri if I was into that stuf
Thanks for the compliments.
---
Did some minor changes to the frontpage, added some little hovers to the posts-quick, posts-default and featured slideshow to make it somewhat more playfull. YMMV though
gorgeous looking blog - my only anime fix is stuff like GITSAC, Appleseed, Cowboy Bepop et al... but I'm going to have to snatch a lot of your widgets in a poor attempt to capture the fabulous look you have achieved.
can you let me know how you did the mouse-over effects and then how to go about making the background completely transparent, including the header title area?
Last edited by Anbar (2010-03-07 20:26:21)
Sure. Here's an annoted version of my default.css
/* globals */
/* Changed background color into an image, fixed it to top center */
body { background-image:url('background_04.jpg'); background-position: top center; background-attachment: fixed; color: #D0D0D0; font: 12px 'Lucida Grande',Arial,Helvetica,sans-serif; height: 100%; min-height: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #1E1B1A; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
:focus { -moz-outline-style: none; }
/* Changed the way links are displayed */
a, a:link, a:visited { color: #800517; text-decoration: none; }
a:hover { color: #100000; text-decoration: underline; }
p { line-height: 1.5em; }
blockquote { border-left: 2px solid #CCC; color: #666; margin: 5px 0 20px; padding: 5px 10px 1px; font-style: normal; }
code { background: #EAEAEA; color: #333; font-family: Consolas,Monaco,Courier,monospace; font-size: 11px; margin: 1px 0; padding: 1px 3px; }
pre code { background: #322E2C; border: 1px solid #635957; color: #FFF; display: block; overflow: scroll; padding: 1.5em 1.75em; }
input[type=text], input[type=password], textarea { background: url(../../images/form.jpg) repeat-x top #FFF; border: 1px solid #CCC; padding: 3px; }
input[type=submit], #wp-email-submit { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; background: url(../../images/postbar.gif) repeat-x; border: 1px solid #333; padding: 5px 10px; font-size: 12px; color:#FFF; }
input[type=submit]:hover, #wp-email-submit:hover { border: 1px solid #CCC; background: url(../../images/topnav.jpg) repeat-x; color:#333; }
table { border-collapse: collapse; border-spacing: 0; border: 1px solid #CCC; }
th, td { padding: 5px; border: 1px solid #CCC; border-width: 1px; }
th, thead th { font-weight: bold; color: #333; background: url(../../images/topnav.jpg) repeat-x top #CCC; }
td, tbody td { background: #F0F0F0; }
/* common classes */
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.floatleft { float: left; }
.floatright { float: right; }
img.aligncenter, img.alignright,
img.alignleft { border: 3px solid #EEE; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }
.noticebox { background-color: #fff9d7; border: 1px solid #e2c822; color: #333; margin-bottom: 20px; padding: 10px; }
.noticebox a { color: #000; }
.sub { font-size: 11px; color: #848485; }
.ui-tabs-hide, .hide { display: none !important; }
.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }
.tags a:link, .tags a:visited { font-weight: bold; text-decoration: none; padding: 2px 4px; background: #FFF; display: inline-block; margin-bottom: 3px; }
.xoxo { padding: 0; }
/* structure */
#wrapper { min-height: 100%; position: relative; }
#main { padding: 20px; z-index: 0; *z-index: -1; }
/*#main { background: url(../../images/12_col.gif); } */
/* header */
/* Removed background color to make it transparant */
#header { padding: 0 0 0px 0; }
#branding { width: 960px; margin: 0 auto; }
.logo { max-width: 590px; float: left; margin: 20px 0 0 10px; }
.blog-name { font-weight: bold; font-size: 22px; margin: 0; line-height: 1em; display: block; text-transform: uppercase; }
.blog-name a:link, .blog-name a:visited { color: #FFF; text-decoration: none; }
/* I've put my custom logo here. The width and height are the size of the logo itself */
.blog-name a:link, .blog-name a:visited { text-indent: -9000px; background: url(../../images/icons/logo2.png) no-repeat; width: 775px; height: 75px; display: block; }
.blog-name a:hover { }
/* Since I've provided no blog description it doesn't show up, add visibility: hidden; or display: none; here if you have one but don't want to show it */
.blog-description { line-height: 1em; display: block; font-size: 11px; font-weight: bold; color: #7d716d; margin: 0; padding: 5px 0 0; text-transform: uppercase; }
/* navigation */
#nav { zoom: 1; max-height: 35px; }
/* Removed background color to make it transparant */
#nav-content { margin: 0 auto; width: 958px; repeat-x #E5E5E5; border: solid #CCC; border-width: 0 0px 0px; }
.sf-menu { font-weight: bold; max-width: 770px; }
.sf-menu, .sf-menu ul { float: left; list-style: none; line-height: 30px; padding: 0; margin: 0; }
/* Some minor changes here */
.sf-menu a { display: block; text-decoration: none; padding: 0 15px; text-transform: uppercase; color: #000; font-size: 11px; }
.sf-menu a:hover { color: #800517; }
/* Added a background picture here to give it a nice effect on hover */
.sf-menu li.sfhover, .sf-menu li:hover { background: url(../../images/techblue/shinto.png) no-repeat center; }
.sf-menu li.sfhover a, .sf-menu li:hover a { }
.sf-menu li { float: left; padding: 0; }
.sf-menu ul { position: absolute; left: -999em; height: auto; width: 150px; margin: 0; line-height: 1; border: none; }
.sf-menu li li { width: 148px; border: solid #CCC; border-width: 1px 1px 0; }
.sf-menu li li a { background: url(../../images/techblue/shinto.png) repeat-x top #FFF; padding: 7px 10px; width: 128px; font-size: 12px; text-transform: none; }
.sf-menu li ul ul { margin: -27px 0 0 148px; }
.sf-menu li li:hover { }
.sf-menu li:hover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li:hover ul ul ul ul, .sf-menu li.sfhover ul ul, .sf-menu li.sfhover ul ul ul, .sf-menu li.sfhover ul ul ul ul { left: -999em; }
.sf-menu li:hover ul, .sf-menu li li:hover ul, .sf-menu li li li:hover ul, .sf-menu li li li li:hover ul, .sf-menu li.sfhover ul, .sf-menu li li.sfhover ul, .sf-menu li li li.sfhover ul, .sf-menu li li li li.sfhover ul { left: auto; z-index: 2; }
.sf-menu li ul li:hover a, .sf-menu li ul li li:hover a, .sf-menu li ul li li li:hover a, .sf-menu li ul li li li:hover a { background: url(../../images/techblue/shinto.png) no-repeat center; color: #000; }
.sf-menu li:hover li a, .sf-menu li li:hover li a, .sf-menu li li li:hover li a, .sf-menu li li li li:hover li a { background: url(../../images/techblue/content-bg.jpg) repeat-x top #FFF; color: #666; }
.rss { float: right; list-style: none; margin: 0; padding: 0 15px; }
.rss a:link, .rss a:visited { display: block; margin: 0 25px 0 0; color: #000; font-size: 11px; font-weight: bold; text-decoration: none; padding: 8px 0 0 0; float: left; clear: left; margin: 0; }
/* Added this line to give the link to the rss some flavour */
.rss a:hover { color: #800517; font-size: 12px; }
.rss li { float: left; display: inline; text-transform: uppercase; background: url(../../images/rss.png) no-repeat; background-position: 0 9px; padding: 0 0 0 18px; margin: 0 0 0 10px; }
/* search bar */
/* I customized the hell out of this one to give it a nicer look */
#searchbar { float: right; overflow: hidden; padding: 0; }
#searchform #s { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; width: 150px; float: left; margin: 1px 0px 0 0; padding: 4px 3px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px; margin: 55px 0 0; }
#searchform #searchsubmit { font-family: Tahoma, Arial, Helvetica, sans-serif; background: url(../../images/icons/kaput.png) no-repeat; border: 0px solid #fff; padding: 5px 10px; font-size: 12px; color:#000; float: left; margin: 22px 0 0; height: 73px; width: 86px; }
/* sidebar */
.sidebar { }
.sidebar .xoxo { list-style: none; padding: 0; margin: 0; }
.widgetcontainer ul, .widgetcontent .xoxo, .widgetcontainer ol { list-style: disc; margin-left: 15px; padding: 0; }
.widgetcontainer li { margin-bottom: 5px; }
.widgetcontainer li a:visited, .widgetcontainer li a:link { text-decoration: none; font-weight: bold; font-size: 12px; }
.widgetcontainer li a:hover { border-bottom: 1px dotted #635957; }
.widgetcontainer input[type=text], .widgetcontainer input[type=password] { width: 80%; }
/* Some minor changes here, different background, bigger padding for the small shinto logo */
.widgettitle { color: #000; font-size: 16px; font-weight: bold; margin: 0; padding: 6px 35px; background: url(../../images/techblue/shinto2.png) no-repeat; border: 0px solid #CCC; }
.widgettitle a { color: #333; }
.widgetcontent { font-size: 12px; color: #000; border: solid #CCC; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-width: 0 1px 1px; background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; margin-bottom: 10px; padding: 10px; }
#multi-sidebar { }
#multi-sidebar .tabs { list-style: none; margin: 0; padding: 0; overflow: hidden; }
#multi-sidebar .tabs li { float: left; background: #0052A3; padding: 5px; margin: 0 3px 5px 0; border: 1px solid #CCC; }
#multi-sidebar .tabs a:link, #multi-sidebar .tabs a:visited { text-decoration: none; font-weight: bold; color: #FFF; }
#multi-sidebar .tabs a:hover { border-bottom: 1px dotted #FFF; }
#multi-sidebar .tabs .ui-tabs-selected { background: #FFF; }
#multi-sidebar .tabs .ui-tabs-selected a:link, #multi-sidebar .tabs .ui-tabs-selected a:visited { color: #37322F; }
#multi-sidebar #s-tags a:link, #multi-sidebar #s-tags a:visited { font-weight: bold; text-decoration: none; padding: 2px 4px; background: #FFF; display: inline-block; margin-bottom: 3px; }
#multi-sidebar .widgetcontainer { background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; margin-bottom: 10px; padding: 10px; }
#multi-sidebar .widgetcontainer ul { list-style: none; margin: 0 0 0 5px; }
#multi-sidebar .widgetcontainer li { margin-bottom: 10px; }
#wp-calendar { width: 100%; }
#wp-calendar caption { color: #333; font-size: 12px; font-weight: bold; margin: 0 0 0 -1px; padding: 6px 10px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border: 1px solid #CCC; }
/* featured slideshow */
.featured { background: url(../../images/techblue/editcorners.gif) no-repeat; border: 0px solid #CCC; padding: 10px; margin: 0 10px 10px 0; height: 250px; }
/* Added this line to give it an effect on hover */
.featured:hover { background: url(../../images/techblue/editcornersred.gif); -moz-border-radius: 15px; }
#controls { visibility: hidden; position: absolute; float: left; z-index: 100; width: 630px; padding-top: 75px; }
#controls .next, #controls .prev { text-indent: -9000px; width: 30px; height: 30px; display: block; z-index: 1000; }
#controls .prev { background: url(../../images/prev.png) no-repeat; float: left; }
#controls .next { background: url(../../images/next.png) no-repeat; float: right; }
#featured-slideshow { position: relative; height: 250px; margin-right: 20px; }
.featured-article { display: block; width: 630px; height: 250px; text-decoration: none !important; }
.featured-entry { position: relative; top: 165px; overflow: hidden; background: url(../../images/overlay.png); height: 85px; color: #a7a7a7; padding: 0; display: block; }
.featured-entry .entry-title { color: #FFF; padding: 10px 15px 5px; display: block; font-size: 16px; font-weight: bold; }
.featured-entry .entry-summary { padding: 0 15px; margin: 0; display: block; }
.layout-3c-r-fixed .featured, .layout-3c-fixed .featured { height: 225px; }
.layout-3c-r-fixed #controls, .layout-3c-r-fixed .featured-article, .layout-3c-fixed #controls, .layout-3c-fixed .featured-article { width: 480px; }
.layout-3c-r-fixed .featured-article, .layout-3c-fixed .featured-article { height: 225px; }
.layout-3c-r-fixed .featured-entry, .layout-3c-fixed .featured-entry { height: 100px; top: 125px; }
/* bottom content */
#bottom-content-1, #bottom-content-2 { list-style: none; float: left; width: 320px; margin: 0 10px 10px 0; overflow: hidden; padding: 0; }
#bottom-content-1 .xoxo, #bottom-content-2 .xoxo { margin: 0; }
#bottom-content-1 * .xoxo, #bottom-content-2 * .xoxo{ margin-left: 15px; }
/*#bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle { background: #F0F0F0; }
.layout-3c-r-fixed #bottom-content-1, .layout-3c-r-fixed #bottom-content-2, .layout-3c-fixed #bottom-content-1, .layout-3c-fixed #bottom-content-2 { width: 243px; }
/* latest headlines */
.posts-default, .posts-quick, .posts-line { list-style: none; margin: 0; padding: 0; overflow: hidden; }
/* Some changes to the background and size. Borders are 0px */
.posts-default .post { width: 192px; float: left; margin: 0 7px 10px 0; background: url(../../images/techblue/editcorner.gif) no-repeat; border: 0px solid #CCC; height: 220px; padding: 10px; font-size: 11px; }
/* Added two lines to give an effect on hover */
.posts-quick .post:hover { background: #d0d0d0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #800517; }
.posts-default .post:hover { width: 190px; height: 218px; background: #d0d0d0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #800517 }
.posts-default img { float: left; width: 190px; height: 100px; background: #111; text-indent: -9000px; }
.posts-default .entry-title { font-weight: bold; font-size: 12px; margin: 10px 0 5px; line-height: 1.3em; }
.posts-default .entry-title a:link, .posts-default .entry-title a:visited { text-decoration: none; }
.posts-default .entry-title a:hover { }
.posts-default .entry-summary, .posts-quick .entry-summary { color: #666; overflow: hidden; }
.posts-default .entry-thumbnails { clear: both; display: inline-block; }
.entry-thumbnails-link { float: left; margin-right: 15px; border: 1px solid #CCC; width: 190px; height: 100px; background: #111; display: block; text-indent: -9000px; }
/* Changed background */
.posts-quick { background: url(../../images/techblue/editlangbox8.gif) no-repeat; border: 0px solid #CCC; margin: 0 10px 10px 0; padding: 10px; }
.posts-quick li { padding: 10px 0; border-bottom: 1px dotted #EEE; }
.posts-quick li:last-child { border: none; }
/* Added float: left; There were no thumbs here because of this part missing */
.posts-quick img { float: left; text-indent: -9000px; }
.posts-quick .entry-title { font-weight: bold; font-size: 14px; margin: 0 0 10px; line-height: 1.3em; }
.posts-quick .entry-title a:link, .posts-quick .entry-title a:visited { text-decoration: none; }
.posts-quick .entry-title a:hover { }
.posts-quick .entry-summary { line-height: 1.5em; }
.posts-quick .quick-read-more { padding: 5px 0; }
.posts-quick .entry-thumbnails { float: left; }
.posts-default .entry-meta, .posts-quick .entry-meta { color: #CCC; float: left; background: url(../../images/overlay.png); width: 190px; height: 25px; display: block; margin: -25px 1px 0; font-weight: bold; }
.posts-quick .entry-meta { margin: 76px 0 0 -206px; }
.posts-default .entry-meta a:link, .posts-default .entry-meta a:visited, .posts-quick .entry-meta a:link, .posts-quick .entry-meta a:visited { color: #FFF; text-decoration: none; }
.posts-default .entry-comments, .posts-quick .entry-comments { float: right; margin: 5px 5px 0; background: url(../../images/comments.gif) no-repeat left center; padding: 0 0 0 12px; }
.posts-default .published, .posts-quick .published { text-transform: uppercase; float: left; margin: 5px 5px 0; font-size: 10px; color: #999; border-bottom: none; }
.posts-line { background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 10px; }
/* Changed the way post lines are shown */
.posts-line li { background: url(../../images/techblue/shinto2.png) no-repeat; padding: 9px 7px 7px 35px; border-bottom: 1px solid #EEE; }
/* Also added a hover effect */
.posts-line li:hover { background: url(../../images/techblue/shinto.png) no-repeat left #D0D0D0; border: 1px solid #800517; padding: 7px 5px 7px 35px; }
.posts-line .entry-cat { float: left; font-size: 11px; width: 100px; overflow: hidden; color: #848485; }
.posts-line .entry-title { float: left; font-size: 12px; margin: 0; }
.posts-line .entry-comments { float: right; font-size: 11px; color: #848485; }
.layout-3c-r-fixed .posts-default .post, .layout-3c-r-fixed .posts-default img, .layout-3c-r-fixed .posts-default .entry-meta, .layout-3c-r-fixed .entry-thumbnails-link { width: 223px; }
.layout-3c-fixed .posts-default .post, .layout-3c-fixed .posts-default img, .layout-3c-fixed .posts-default .entry-meta, .layout-3c-fixed .entry-thumbnails-link { width: 223px; }
.navigation { margin: 10px 10px 10px 0; }
/* single post */
.single .post, .single-post { background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; border: 1px solid #CCC; margin: 0 10px 20px 0; }
.single .post .entry-title, .single-post .entry-title { font-size: 21px; font-weight: bold; padding: 15px 0 0; margin: 0 0 5px; }
.single .post .entry-title a:link, .single .post .entry-title a:visited, .single-post .entry-title a:link, .single-post .entry-title a:visited { text-decoration: none; }
.single .post .entry-title a:hover, .single-post .entry-title a:hover { }
.single .post .entry-info, .single-post .entry-info { color: #848485; }
.single .post .entry-cat, .single-post .entry-cat { display: block; color: #848485; margin: 2px 0; }
.single .post .entry-author, .single-post .entry-author { font-weight: bold; margin: 0 10px 0 0; color: #848485; }
.single .post .entry-author address, .single-post .entry-author address { display: inline; font-style: normal; }
.single .post .tags, .single-post .tags { display: block; margin: 5px 0; color: #848485; }
.single .post .entry-photo, .single-post .entry-photo { width: 630px; margin: 0 auto 10px; }
.single .post .entry-content, .single-post .entry-content { margin: 10px 0; font-size: 12px; }
.single .post .entry-content p, .single-post .entry-content p { line-height: 1.75em; }
/* Changed font color here */
.single-post { font-size: 12px; color: #000; padding: 0 10px; }
.layout-3c-r-fixed .post .entry-photo, .layout-3c-r-fixed .single-post .entry-photo, .layout-3c-fixed .post .entry-photo, .layout-3c-fixed .single-post .entry-photo { width: 480px; }
.postbar { list-style: none; margin: 0 0 10px; padding: 7px 0; border: 1px solid #CCC; background: url(../../images/topnav.jpg) repeat-x top; font-size: 11px; width: 100%; }
.postbar li { float: left; padding: 0 10px; border-left: 1px solid #EEE; }
.postbar li:first-child { border-left: 0; }
.postbar li a:link, .postbar li a:visited { text-decoration: none; font-weight: bold; }
.postbar li a:hover { }
.postbar .WP-PrintIcon, .postbar .WP-EmailIcon { display: none; }
.single-post-meta { padding: 4px; margin: 0 10px 10px; background: #F0F0F0; }
.single-post-meta-field { clear: left; float: left; width: 15%; font-weight: bold; color: #000; background: #F0F0F0; }
.single-post-meta-value { float: left; width: 80%; color: #333; background: #F0F0F0; }
.module-title, .feed-title { line-height: 1em; color: #333; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 7px 10px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border: 1px solid #CCC; display: block; }
.feed-title { border-bottom: none; }
.gallery { clear: both; margin: 10px 0; }
.gallery-item { float: left; margin-right: 10px; }
.about-author { border: 1px solid #CCC; padding: 10px 15px; margin: 0 0 10px; line-height: 1.5em; background: #FFF; font-size: 11px; }
.about-author h4 { font-size: 10px; margin: 0 0 10px; text-transform: uppercase; color: #333; font-weight: bold; }
.about-author img { float: left; margin: 0 10px 10px 0; border: 1px solid #CCC; padding: 0; }
/* gd star rating */
.gdmultitable { margin: 0 0 10px !important; }
.gdmultitable td { padding: 5px !important; }
/* wp-pagenavi */
.wp-pagenavi { margin: 0 0 10px; font-size: 12px; }
.wp-pagenavi a:link, .wp-pagenavi a:visited { padding: 3px 4px; margin: 2px; text-decoration: none; background: #FFF; border: 1px solid #CCC; }
.wp-pagenavi a:hover { color: #000; }
.wp-pagenavi span.pages, .wp-pagenavi span.extend { padding: 3px 4px; background: #FFF; margin: 2px; border: 1px solid #CCC; }
.wp-pagenavi span.current { padding: 3px 4px; background: #FFF; margin: 2px; font-weight: bold; border: 1px solid #CCC; }
.wp-pagenavi span.pages { margin-left: 0; }
/* wp125 */
#wp125adwrap_2c { width: 270px !important; display: inline-block; padding: 8px 0 2px 8px; margin: 0 auto !important; }
#wp125adwrap_2c .wp125ad{ padding: 0 !important; margin: 0 10px 10px 0 !important; }
#wp125adwrap_2c:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
html[xmlns] #wp125adwrap_2c { display: block; }
* html #wp125adwrap_2c { height: 1%; }
/* wp-email */
#wp-email-required { color: #CC0000; }
#wp-email { margin: 10px; padding: 10px; background: #F0F0F0; }
#wp-email-button { text-align: left !important; }
/* comments */
#commentlist { background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; border: solid #CCC; border-width: 0 1px 1px; list-style: none; padding: 10px; margin: 0 10px 0 0; }
#commentlist li { margin: 0; padding-bottom: 20px; overflow: hidden; }
#commentlist .avatar { border: 1px solid #CCC; padding: 1px; float: left; margin: 0 5px 10px 0; }
#commentlist cite { font-weight: bold; font-style: normal; line-height: 14px; }
#commentlist p { clear: left; font-size: 12px; }
#commentlist .reply { float: right; }
#commentlist .reply a, .comments-navigation a, .read-more, .navigation a { color: #FFF; background: url(../../images/techblue/feed-title.jpg) top repeat-x; text-decoration: none; padding: 5px 8px; margin-bottom: 3px; border: 1px solid #CCC; font-weight: bold; zoom: 1; *display: inline; display: inline-block; }
#commentlist .reply a:hover, .comments-navigation a:hover, .navigation a:hover, .read-more:hover { background: url(../../images/feed-title-white.jpg) top repeat-x #EFEFEF; color: #000; }
#commentlist .children { clear: right; margin: 5px 0 0; list-style: none; }
#commentlist .children li { border-bottom: none; border-left: 1px dotted #CCC; padding: 0 0 0 20px; }
#commentlist #respond { clear: both; margin-top: 40px; padding-top: 10px; border-top: 1px dotted #CCC; }
/* Changed font color here */
#commentlist .comment-author { font-size: 12px; color: #000; padding: 10px 0 0 10px;}
#commentlist .comment-content { font-size: 12px; color: #000; padding: 0 10px; }
#commentlist .comment-node { background: #FFF; border: 1px solid #EEE; }
#commentlist .comment-meta { text-decoration: none; color: #999; font-size: 11px; }
#commentlist .comment-controls { background: #FFF; padding: 5px 10px; font-weight: bold; }
#commentlist .comment-controls a:link, #commentlist .comment-controls a:visited { text-decoration: none; }
.comments-navigation { clear: both; margin: 10px 10px 20px 0; }
/* Changed font color */
.nocomments { font-size: 12px; color: #000; background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; border: solid #CCC; border-width: 0 1px 1px; padding: 15px 10px; margin: 0 10px 20px 0; }
/* Changed font color */
#commentsform { font-size: 12px; color: #000; background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; border: solid #CCC; border-width: 0 1px 1px; margin: 0 10px 10px 0; padding: 10px 15px; overflow: hidden; }
#commentsform textarea { width: 98%; height: 100px; padding: 5px; }
.pingbacks { background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; border: solid #CCC; border-width: 0 1px 1px; padding: 15px 10px 15px 30px; margin: 0 10px 20px 0; }
.pingbacks li { padding: 2px 0; font-weight: bold; }
.pingbacks a:link, .pingbacks a:visited { text-decoration: none; }
/* search results */
.search-results h2 { color: #333; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; padding: 6px 10px; background: url(../../images/feed-title-white.jpg) repeat-x top #EFEFEF; border: 1px solid #CCC; }
.search-results-content { border: solid #CCC; border-width: 0 1px 1px; background: url(../../images/techblue/content-bg.jpg) repeat-x #FFF; margin: 0 10px 10px 0; padding: 10px; }
/* footer */
/* Changed height and added a background picture. It's not actually a picture but a php which gives me a different picture every time. Great piece of scripting by Matt Mullenweg */
#footer { margin: 5px auto 5px; width: 960px; height: 300px; background: url(../../images/rot/rotate.php) no-repeat; padding-bottom: 10px; border: 0px solid #CCC; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#footer .widgetcontainer { padding: 5px 10px; }
#footer .widgettitle { background: none; border: none; text-transform: uppercase; font-size: 10px; color: #333; padding: 0 0 10px; }
#footer .widgetcontent { font-size: 11px; background: none; padding: 0; border: none; }
#footer .footer-message { border-left: 1px solid #EEE; float: left; overflow: hidden; margin: 10px 0 0; padding: 0; }
#footer .footer-message .widgetcontainer { width: 215px; overflow: hidden; }
#footer-sidebar { width: 690px; float: left; overflow: hidden; margin: 10px 10px 0; padding: 0; }
#footer-sidebar .widgetcontainer { float: left; margin: 0 0 15px 0; max-width: 250px; max-height: 120px; }
#footer-sidebar ul { list-style: square; }
#footer-sidebar li { margin: 0 0 3px; }
#footer .widgetcontent a:link, #footer .widgetcontent a:visited { font-size: 11px; }i think, after scanning through that, its a case of information overload! ;-0
I should take thisone step at a time: I'll go back to the general help so as not to derail your thread here!
Just added a pet project. Nothing serious, it's an archive of a blog which I won't be updating any longer. Also a way to see if 1.4.1 will fit my 'needs' for my main blog. Changes in the css are now in the user.css, the default.css won't change this time.
I tried to keep it very basic with mainly 3 colors, red, white and black.
Last edited by extatix (2010-03-10 06:13:18)
I added rounded corners on the widgets, I like it.
Too bad IE doesn't support it.
Any comments?
How did you add the rounded corners?
Post 8: http://www.arrastheme.com/forums/topic7 … pdate.html
Great looking site. The rounded corners is a great touch. Love the plugins list!
How have you managed to get rid of the two bars at the top of the page? It look s a lot cleaner the way you've done it.
Post 8: http://www.arrastheme.com/forums/topic7 … pdate.html
Thanks for the info on the rounded corners. I figured out how to make the spaces in between the boxes transparent, but i will appreciate if you could tell me how to put a solid color round the featured posts summary, and also increase the thickness of the padding for the featured slideshow. Here's my site: http://moviesonlinelive.com/
Ah, I see you are using 1.4+
The 'boxes' around the featured posts summaries are gone in 1.4
It's back again in 1.4.2 if you use the legacy.css instead of the default.css
Thanks for your help thus far...this might be a stupid question...but I'm just starting to learn wordpress. Somehow in my wp-admin I can only edit my css sheet called "Stylesheet.css" and it has a link to my default css page that goes like this:
/* Default Stylesheet */
@import url('css/default.css');
Is there anyway that I can make it so I can edit the default.css in the text editor inside wordpress. Without this I am having to resort to downloading it, editing it, and uploading it again which is a pain.
Download it once, put in the same folder as the style.css and change
/* Default Stylesheet */
@import url('css/default.css');
into
/* Default Stylesheet */
@import url('default.css');
But here's a tip (which I sadly didn't use in my 1.3.6 blog): don't edit the default.css, put all your changes in the user.css.
Last edited by extatix (2010-03-24 17:16:57)
Powered by PunBB, supported by Informer Technologies, Inc.
Currently installed 9 official extensions. Copyright © 2003–2009 PunBB.
Generated in 0.077 seconds, 15 queries executed