Three Feature Requests

Requests for new features. You cannot post to this forum because new feature requests are not accepted any more.
Forum rules
New feature requests are no longer accepted, so you cannot post to this forum any more.
Locked
Senilex
Posts: 17
Joined: 19 Feb 2010, 06:44
Contact:

Three Feature Requests

Post by Senilex » 01 May 2010, 04:03

IMO these features would be considered useful (from a selfish point of view!)

1. An option to set the feature (widget) (Excerpt background color)text background to Transparent. This can achieved at the moment by changing the CSS (.sliderImage div {background-color: transparent; opacity: 1;}) and entering "transparent" into the Excerpt background color: field in the widget, this will save but the field will default back to FFFFFF. It would just be nice if this is an official option.

2. An option to show Posts grouped by dates (day) as described in this link: http://www.devlounge.net/code/wordpress ... n-listings

3. An option to add a Sub-Title to Posts. This will show on posts under the title. Furthermore this sub title can then be used as an option to display in featured content (as opposed to or as well as the existing excerpt option).

At the moment most of this can be achieved by modding your theme files, but would love these three options to be considered officially for future releases.

Keep up the fantastic work.
Kind Regards

perpetualjon
Posts: 68
Joined: 05 Mar 2010, 22:12
Location: Southern Califiornia
Contact:

Re: Three Feature Requests

Post by perpetualjon » 11 May 2010, 11:00

Are you making these changes in the files directly or in the Custom Includes?

Great work on your sites BTW!! Do you think you can post some info on how you're adding an image in the drop-down menu elements? I've had some ideas about doing something like that but haven't managed to find a good solution yet...

sayontan
Site Admin
Posts: 10210
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas
Contact:

Re: Three Feature Requests

Post by sayontan » 11 May 2010, 11:26

Phil,
Thanks for your suggestions. I can do #1 without too much effort, but #2 and #3 are somewhat trickier. In particular #3 is probably best handled through a plugin, because of the fundamental difference between how a plugin and a theme operate. At a technical level, the easiest way to do this is to add a new column in the database in the posts table, but WP's approval guidelines don't let you modify a table's structure. The more long-winded way of doing this is using a convoluted set of options to handle it, but it is something that I am hesitant to add.

I agree with Jon - your customizations look great! I might even use some of your code and hand them out as options, if you don't mind.

Sayontan.

Senilex
Posts: 17
Joined: 19 Feb 2010, 06:44
Contact:

Re: Three Feature Requests

Post by Senilex » 13 May 2010, 10:22

Jon, all the CSS customizations are made via Custom Includes. Please find below a copy of each CSS code i've used in each site. Please bear in mind I'm always tinkering so what is here might not always match to what is current on the site.

senilex.co.uk

Code: Select all

.suf-widget h3.scheme {
background: #a5a7aa url("path to image") repeat-x top left;
}

.dbx-handle {
border-bottom-style: none;
}

/* main menu */

#nav-top {
background-color: #000000;
background-repeat: repeat-x;
background-image: url("path to image 1");
border: 1px solid #000000;
border-top: none;
}

#nav-top ul li { 
border: none;
border-bottom: 1px solid #000000;
}

#nav-top ul li a{
color: #ffffff;
background-color: #0000FF;
}

#nav-top ul li a{
color: #ffffff;
background-color: #000000;
background-repeat: repeat-x;
background-image: url("path to image 2");
}

#nav-top li a:hover {
color: #000000;
background: #a5a7aa url("path to image 3") repeat-x top left;
}

#nav-top li a:active{
color: #000000;
background: #a5a7aa url("path to image 2") repeat-x top left;
}

/* Styling for drop-down lists */

#nav-top ul ul li {
border: 1px solid #000000;
border-top: none;
}

#nav-top ul ul li a:hover {
color: #ffffff;
}

/* style the links for the top level */

#nav-top a,
#nav-top a:visited {
color: #222;
}

#nav-top a.highlighted,
#nav-top a:active {
color: #000000;
background: #a5a7aa url("path to image 2") repeat-x top left;
}

/* style the second level background */

#nav-top ul ul a.drop,
#nav-top ul ul a.drop:visited {
background: #0000ff;
}

/* ==================================== */

/* style the second level hover */

#nav-top ul ul a.drop:hover {
background: #a5a7aa url("path to image 3") repeat-x top left;
}

#nav-top ul ul :hover > a.drop {
color: #444;
background: #a5a7aa url("path to image 3") repeat-x top left;
}

/* style the third level hover */

#nav-top ul ul ul a:hover {
background: #a5a7aa url("path to image 3") repeat-x top left;
}


/* style the second level links */

#nav-top ul ul a,
#nav-top ul ul a:visited {
background: #a5a7aa url("path to image 4") repeat-x top left;
color:#222;
}

/* style the top level hover */

#nav-top a:hover,
#nav-top ul ul a:hover {
color: #444;
background: #a5a7aa url("path to image 3") repeat-x top left;
}

#nav-top :hover > a,
#nav-top ul ul :hover > a {
color: #444;
background: #a5a7aa url("path to image 3") repeat-x top left;
}

.col-control {
display: inline;
}



.post .title {
padding-left: 0px;
}

.post .date {
font-size: 10px;
width: auto;
height: auto;
background-image: none;
color: #aaaaaa;
margin-top: -18px;
margin-left: 0;
right: 0px;
text-align: left;
float: left;
line-height: normal;
display: inline-block;
}

.post .date span {
display: inline-block;
color: #aaaaaa;
text-align: left;
padding-top: 0px;
height: auto;
}
.post .date span.year {
display: inline-block;
color: #aaaaaa;
text-align: left;
height: auto;
padding-left: 3px;
}

.title-container { 
padding-left: 0px;
padding-right: 10px;
}

h1.posttitle, h2.posttitle {
border-bottom-style: solid;
}
fuckinawesome.co.uk

Code: Select all

#sidebar, #sidebar-2 {
margin-top:0;
}

#horizontal-outer-widgets-1, #horizontal-outer-widgets-2 {
padding:0 0 0;
}

#subnav {
margin-top:0;
}

#content {
margin-top:0;
}
#slider  {
margin:0px 5px 5px 5px;
}

#sforum .sfloginstrip {
background:none repeat scroll 0 0 #888888;
}

#horizontal-outer-widgets-2.flattened{
background-color: #666666;
background-image: url("path to image");
background-repeat: no-repeat;
background-position: 0% 0%;
padding-top: 5px;
padding-bottom: 5px;
}

.suf-flat-widget h3 { 
text-shadow: 3px 3px 3px #000;
font-size: 18px;
color: #ffffff;
text-align: center;
border-top-color: #666666;
border-top-width: 1px;
border-top-style: none;
border-bottom-color: #666666;
border-bottom-width: 1px;
border-bottom-style: none;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
soidh.co.uk - Please bear in mind that this is still a work in progress for the site.

Code: Select all

/* SoiDH Custom CSS for Suffusion */


/* Remove Rounded Border */

.suf-widget, .post, .non-wp-post, #subnav, #l3nav, #l4nav, #l5nav, #l6nav, #l7nav, #l8nav, .page-nav, .post-nav, #sidebar.flattened,
#sidebar-2.flattened, #horizontal-outer-widgets-1.flattened, #horizontal-outer-widgets-2.flattened, .author-profile, .tag-info,
.category-info, #featured-posts, h3#comments, h3.comments, h3#respond, h3.respond, textarea, .author-info, blockquote, pre,
input[type="text"], input[type="password"], .commentlist li, .suf-mag-categories td, .suf-mag-excerpts td, .suf-tiles td,
h2.suf-mag-headlines-title, .suf-mag-excerpts th, .suf-tiles th, .suf-mag-categories th, #recaptcha_response_field, #language-selector ul li,
#language-selector ul li a, #language-selector ul li a:visited, .download, .announcement, .warning, .note, .suf-mag-headlines { 
border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
}

.dbx-handle { 
border-radius: 0px;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
}

/* Sizes Layout etc */

#wrapper {
margin-top: 0px;
margin-bottom: 0px;
border: none;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 0px;
width: 965px;
}

#wrapper #container #single-col {
width:965px;
}

#wrapper #container #main-col { 
width: 632px;
}

#content {
width: 632px;
}

/* Header */

#header {
padding-top: 0px;
padding-bottom: 0px;
}

/* Widget Below Header */

#horizontal-outer-widgets-1, #horizontal-outer-widgets-2 {
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: px;
}

#horizontal-outer-widgets-1 .suf-horizontal-widget { 
width: 472.5px;
display: inline-block;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
border: none;
background-color: #2f2f2f;
}

.suf-widget h3 { 
background-color: #c79d08;
background-image: url("path to image");
border-top-color: #fbe133;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #c79d08;
border-bottom-width: 1px;
border-bottom-style: solid
}

/* Feature Content Slider */

.sliderPager, .sliderControl {
height: 23px;
}

.sliderIndex a, .sliderIndex a:visited, #sliderIndex a, #sliderIndex a:visited {
background-color: #3f3f3f;
border: none;
}

#horizontal-outer-widgets-1 a:hover {
color: #000000;
}

.sliderImage div {
background-color: transparent;
position: absolute;

filter:alpha(opacity=100);
opacity: 1;
}

.featured-content .right, #featured-posts .right {
bottom: auto;
top: 0px;
}

/* Sidebars & Content */

#sidebar, #sidebar-2, #content {
margin-top: 0px;
border: none;
}

#sidebar.flattened { 
width: 198px;
background-color: #3f3f3f;
border: none;
}


#sidebar-2.flattened { 
width: 130px;
background-color: #3f3f3f;
border: none;
margin-top: 0px;

}

#sidebar.right, #sidebar-2.right { 
margin-left: 0px;
border: none;
}

#sidebar.left, #sidebar-2.left { 
margin-right: 5px;
border: none;
}

/* Sidebar Widgets */

.suf-flat-widget { 
margin-top: 0px;
margin-bottom: 10px;
margin-right: 0px;
margin-left: 0px;
padding-left: 5px;
padding-right: 5px;
}

.suf-flat-widget h3 { 
margin-right: -5px;
margin-left: -5px;
padding-left: 5px;
padding-right: 5px;
background-color: #c79d08;
background-image: url("path to image");
border-top-color: #fbe133;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #c79d08;
border-bottom-width: 1px;
border-bottom-style: solid
}

/* Posts & Pages Including Custom Date Display */

.post-nav {display: none;}

.post  {
margin-bottom: 5px;
background-attachment: scroll;
background-clip: none;
background-color: #ffffff;
background-image: url("path to image");
background-origin: none;
background-position: 0% 0%;
background-repeat: repeat-x;
background-size: none;
border: none;
}

.post .title {
padding-left: 0px;
}

.post .date {
font-size: 10px;
width: auto;
height: auto;
background-image: none;
color: #aaaaaa;
margin-left: 0;
right: 0px;
text-align: left;
float: left;
line-height: normal;
display: inline-block;
}

.post .date span {
display: inline-block;
color: #aaaaaa;
text-align: left;
padding-top: 0px;
height: auto;
}
.post .date span.year {
display: inline-block;
color: #aaaaaa;
text-align: left;
height: auto;
padding-left: 3px;
}

.title-container { 
padding-left: 0px;
padding-right: 10px;
}

h1.posttitle, h2.posttitle {
border-bottom-style: solid;

}
h1.posttitle a, h1.posttitle a:visited, h2.posttitle a, h2.posttitle a:visited { 
color: #3F3F3F;
text-shadow: 1px 1px 1px #ffffff;
font-weight: 700;
text-decoration: none;
outline-width: medium;
outline-style: none;
}


/* Author Profile Page */

.author-profile, .tag-info, .category-info {
background-attachment: scroll;
background-clip: none;
background-color: #ffffff;
background-image: url("path to image");
background-origin: none;
background-position: 0% 0%;
background-repeat: repeat-x;
background-size: none;
}

/* Full Story More Link */

a.more-link {
background-image: url("path to image");
width: 150px;
text-align: right;
}
a:hover.more-link {
color: #000000;
text-decoration: none;
}


/* Footer */

label {
color:#FFFFFF;
}

#cred {
background-image:url("path to image");
border-bottom:1px solid #C79D08;
border-top:1px solid #FBE133;
height: 28px;
}

 #cred table {
margin:4px 0;
}

#fc {
margin-right: auto;
margin-left: auto;
}

On top of this I also include a custom nav bar CSS that is included:

Code: Select all

/* SoiDH Custom CSS for Suffusion Main Navigation Bar */

#nav {
background-color: #c79d08;
background-repeat: repeat-x;
background-image: url("path to image");
border: none;
}
#nav ul {
margin-bottom: 0px;
float: right;
}

#nav ul li { 
border: none;
margin-right: 0px;

}

#nav ul li a{
color: #ffffff;
background-color: #c79d08;
background-repeat: repeat-x;
background-image: url("path to image");
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

#nav li a:hover {
color: #000000;
background: #fbe133 url("path to image") repeat-x top left;
}

#nav li a:active{
color: #000000;
background: #fbe133 url("path to image") repeat-x top left;
}

#nav a,
#nav a:visited {
color: #ffffff;
}

#nav a.highlighted,
#nav a:active {
color: #000000;
background: #fbe133 url("path to image") repeat-x top left;
}
------------------------------------------

Sayontan, thanks for your response please feel free to make use of what you will! Giving options out or whatever.

The way I was thinking of using sub-titles was in the custom fields. I'll look into it further. I know there are a few plugins available that do just that but it is then integrating it into the theme.
As for option two (group by date), i couldn't work out exactly where I would need to add it, as the way your theme is written, I take it that all post layout etc are defined in actions.php?

Locked