Login
Username

Password



Not a member yet?
Click here to register.

Forgotten your password?
Request a new one here.
Navigation
Follow us on Facebook
Follow us on Google+
View Thread
Official Home of PHP-Fusion » General Addon and Modification Support » Themes Support
Who is here? 1 guest(s)
 Print Thread
Guide:: New PHP-Fusion 7.02 Style Classes
Craig
In PHP-Fusion V7.02 some new style classes were implemented giving theme designers more styling control over certain elements which in previous versions of PHP-Fusion was not possible to do without modifications of the core files.

In this post you can see all new classes that are now needed in styles.css files for PHP-Fusion V7.02.



Attention messages properties
Attention Messages can now be styled for Admin messages, No Comments message and No JavaScript Enables Message.

Download source  Code

// No JavaScript Message
.noscript-message {
}

// No Comments Message
.nocomments-message {
}




Form element properties
New Form elements for the BB Codes popup and Attachments legend & fieldset can now be styled in PHP-Fusion V7.02.

Download source  Code

// Popup for BB Code
.bbcode-popup {
}

// Fieldset for Attachments
div.emulated-fieldset {
}

div.emulated-fieldset span.emulated-legend {
}

div.emulated-fieldset div.attachments-list {
}





Side-Panel properties
A new side panel property has been added for the Drag N Drop Admin panels.

Download source  Code
// ui for Drag N Drop Admin Panels
.ui-sortable {
}




Comments properties
Comments are now rendered in theme.php and some comments properties can now be styled including the comment message, Comment name, and Comments admin control.

Download source  Code
// Main Comments Message
.comment-main {
}

// Cmments Name Styles
.comment-name {
}

// Comments Admin control styles
.comment_admin {
}





General table properties
A new table property has been added for Error Message notices.

Download source  Code

// For Error messages
.tbl-error  {
}





News properties
News Properties has changed news categories can be styled and news info (author, reads, print, etc.) can now be styled.

Download source  Code

// News Categories style
.news-category {

}

// News Info Style, author, reads, print, etc
.news_info {
}

.news_info ul {
}

.news_info ul li {
}

.news_info li a {
}

.news_info li a:hover {
}

.news_info li.print {
}

.news_info li.print a {
}

.news_info li.print a span {
}

.news_info ul li.date { }
.news_info ul li.author { }
.news_info ul li.comments { }
.news_info ul li.cat { }
.news_info ul li.reads { }





Forum table properties
More Forum properties can now be styled includes forum breadcrumbs (viewforum navigation), viewthread message, users info, main forum table style, forum thread username style, forum thread date style, viewthread IP's style and userbar style.

Download source  Code

// Forum Caption above Forum Categories
.forum-caption {   
}

// viewforum navigation
.forum_breadcrumbs {
}

// viewthread post message
.forum_thread_user_post {
}

// Viewthread user info
.forum_thread_user_info {
}

// Main forum thread table
.forum_thread_table {
}

// Forum thread username style
.forum_thread_user_name {
}

// Forum thread date style
.forum_thread_post_date {
}

// viewthread users ip's style
.forum_thread_ip {
}

// viewthread userbar
.forum_thread_userbar {
}




Profile specific classes
New profile classes have been added to style main profile, edit profile, Profile Link, and Profile ban, suspend etc, reason.

Download source  Code

// Main profile width
.profile, .profile_category {
   width: ???px;
}

// Main edit Profile width
.edit-profile {
   width: ???px;
}

// Profile ban, suspend etc, reason
.profile_user_reason {
   color: #??????;
   font-weight: ????;
}

// Profile Link Username
.profile-link {
color: #???;
text-decoration: ???;


.profile-link:hover {
color: #???;
text-decoration: ??;
}




Merged on Aug 13 2011 at 20:59:26:
Just Added another class to my post that I did not know about for Profile Link.
Edited by Craig on 13-08-2011 20:59
 
http://www.phpfusionmods.co.uk/
HaYaLeT
Great.. i56.tinypic.com/jpvbc9.gif
Can we use now? If your answer yes then how? Grin
Edited by HaYaLeT on 14-08-2011 10:40
 
Craig
Do you use 7.02? Then yes.
 
http://www.phpfusionmods.co.uk/
Lippke
Fangree_Craig wrote:
Download source  Code

// News Categories style
.news-category {

}

// News Info Style, author, reads, print, etc
.news_info {
}

.news_info ul {
}

.news_info ul li {
}

.news_info li a {
}

.news_info li a:hover {
}

.news_info li.print {
}

.news_info li.print a {
}

.news_info li.print a span {
}

.news_info ul li.date { }
.news_info ul li.author { }
.news_info ul li.comments { }
.news_info ul li.cat { }
.news_info ul li.reads { }





That is only works if you add the codes to the render news in theme.php
- Lippke

Hi Wink
 
zicy.dk
Craig
Yes as the title says new 7.02 classes. lol
 
http://www.phpfusionmods.co.uk/
Lippke
Yea but this classes are only in stylo theme
- Lippke

Hi Wink
 
zicy.dk
Craig
Stylo is a new 7.02 theme is it not? Shock

AHHHHH! I think I understand you mean its not a required class?
 
http://www.phpfusionmods.co.uk/
Lippke
Fangree_Craig wrote:
AHHHHH! I think I understand you mean its not a required class?


Yes, and in profile there are:

Download source  Code
.user_email {
color: #???;
text-decoration: ???;
}

.profile_category_name {
color: #???;
text-decoration: ???;
}

.user_name {
color: #???;
text-decoration: ???;
}

.user_admin_password {
color: #???;
text-decoration: ???;
}

.user_password {
color: #???;
text-decoration: ???;
}




And in admin Site links

Download source  Code
.site-links {
color: #???;
text-decoration: ???;
}

.panels {
color: #???;
text-decoration: ???;
}




And in admin panels

Download source  Code
.panels-list {
color: #???;
text-decoration: ???;
}




And in PHP-info

Download source  Code
.phpinfo {
color: #???;
text-decoration: ???;
}

.phpinfo_cont {
color: #???;
text-decoration: ???;
}




Photo Gallery (User) (Don't now if tis are new)

Download source  Code
.photogallery_album_thumb {
color: #???;
text-decoration: ???;
}

.photogallery_album_photo_link {
color: #???;
text-decoration: ???;
}

.photogallery_photo {
color: #???;
text-decoration: ???;
}

.photogallery_photo {
color: #???;
text-decoration: ???;
}

.photogallery_photo_desc {
color: #???;
text-decoration: ???;
}

.photogallery_photo_desc {
color: #???;
text-decoration: ???;
}



Edited by Lippke on 26-08-2011 14:09
 
zicy.dk
Craig
The Forums in PHP-Fusion 7.02 can use these style elements...


Download source  Code

.forum {}

.forum-caption {}

.forum_cat_name {}

.forum_breadcrumbs {}

.forum_thread_title {}

.forum_thread_post_space {}

.forum_thread_user_post {}

.forum_thread_user_info {}

.forum_thread_table {}

.forum_thread_user_name {}

.forum_thread_post_date {}

.forum_thread_ip {}

.forum_thread_userbar {}

.forum_idx_table {}

.forum_table {}

.forum_thread_table {}

.edit_reason {}

.forum_sig {}



Regards
 
http://www.phpfusionmods.co.uk/
Jump to Forum:
Similar Threads
Thread Forum Replies Last Post
Fusion Dynamics Roadmap 6 19-04-2014 18:27
PHP-Fusion 8 Status General Discussion 23 12-04-2014 11:42
Vote for Lithuanian PHP-Fusion community General Discussion 8 31-03-2014 09:58
A customized chat for PHP-Fusion Roadmap 15 23-03-2014 10:29
2004 - Fusion MOD Collective General Discussion 7 17-03-2014 10:19
Official Home of PHP-Fusion uses cookies. Some may already have been set. Read more about our Cookies here.
Please click the button I Consent Cookies to hide this bar and accept our cookies. If you continue to use the site with no action taken, we'll assume that you consent our cookies anyway.
Cookiebar Panel fromVenue