Il semble que les cookies ne soient pas activés dans votre navigateur. Veuillez activer les cookies pour garantir une expérience du site optimale.
Affichage des résultats 1 à 21 sur 21
  1. #1
    Date d'inscription
    janvier 2012
    Messages
    450

    New forum skin - light theme

    Current version: 0.7, last update 4 aug

    Following the advice of the awesome people in this thread - Milithion, SNy-lotrolinux-EU and Lost_In_Middle_Earth - I made a new skin the forums. And while I was at it, I completely inverted the color scheme into dark-text-on-light-background because it's easier on the eyes.

    So it should look something like this:





    How to use it:

    - Install the Stylish add-on for Firefox or Chrome

    - Once it's installed, go on this page and click the big Install with Stylish green button.

    - While you're at it you can also check the other LOTRO themes (be aware that most of them atm are for the old forums). SNy has also made one for the current version of the forum.



    Teh code: (in case some people just want to point and laugh without having to leave this page)

    Code:
    /**
     * Light LOTRO forum Theme for Stylish 0.7
     * WTFPL - wtfpl.net
     * Bits by SNy CopyLeft (C) <SNy@bmx-chemnitz.de>
     * With help from Odlind
     */
    
    @namespace url(http://www.w3.org/1999/xhtml);
    
    @-moz-document
        regexp("https://www\\.lotro\\.com/forums/.*"),
        regexp("https://www\\.lotro\\.com/en/forums/.*")
    
    {
    
    	.body_wrapper {
    		border-radius: 0 0 0 0				!important;
    	}
    
        /* links */
    	body a {
    		color: #394041				!important;
    	}
    
        /* links in posts */
    	.postrow a {
    		color: #5e6566				!important;
    		text-decoration: underline				!important;
    	}
    
        /* footer */
    	.blockrow {
    		background: #ffffff			!important;
    	}
    	
        /* titles */
    	hgroup > h1 {
    		text-shadow: 0 0 20px #ffdf60, 0 0 8px rgba(0, 0, 0, 0.8)			!important;
    		color: #ffdf60			!important;
    	}
    
        /* top menu with the pretty font */
    	ul.navmenu a {
    		color: #ffcf71		!important;
    		text-shadow: 0 0 6px #000, 0 0 3px #000			!important;
    	}
    
        /* top menu with the pretty font pop ups */	
    	.navmenu > li > ul {
    		background: #546363			!important;
    		border-width: 0			!important;
    	}
    	
    
        /* top bar with the login link text */
    	body > #userbar a {
    		color: #ffffff				!important;
    	}
    	
    	body > #userbar {
    		background: #546363			!important;
    		opacity: 1			!important;
    	}
    	
    	.page.vb {
    		background: #546363			!important;
    	}
    
        /* top bar with the logo */
    	.header-wrap {
    		background: #546363			!important;
    		box-shadow: 0 0 0 0			!important;
    		position: relative;
    		width: 100%;
    	}
      
        /* website background */
    	html {
    		background: #bec4c4			!important;
    	}
    
    	body {
    		color: #394041				!important;
    		background: #a9afaf			!important;
    	}
    
        /* some bar above the forum nav */
    	#pageWrapper {
    		background: #a9afaf			!important;
    	}
    
        /* forum nav */
    	.breadcrumb {
    		border: 0px					!important;
    		background: #a9afaf			!important;
    		padding: 0 0 10px 10px      !important;
    	}
    
        /* other nav */
    	.breadcrumbs {
    		text-shadow: 0 0 3px #ffdf60      !important;
    	}
    
        /* activity stream background */
        .blockbody {
            background: #bec4c4         !important;
        }
    
        /* activity stream - posts */
        li.activitybit {
            background: #e1e1e1            !important;
            border: 0px                 !important;
            box-shadow: 0 0 0 0         !important;
            color: #000000              !important;
        }
        
        /* activity stream - views */
        li.activitybit .views {
            background: #e1e1e1         !important;
            padding: 3px 0px 3px 3px    !important;
        }
    
        /* activity stream - time */
        li.activitybit .content .datetime {
            background: #f7f7f7          !important;
        }
        
        /* activity stream - title */
        li.activitybit .content .title {
            background: #f7f7f7         !important;
            color: #989898            !important;
        }
    
        /* activity stream - except */
        #activitylist li.activitybit .excerpt {
            background: #fff            !important;
            padding: 5px 0px 5px 5px    !important;
            font-size: 13px             !important;
            color: #000             !important;
        }
    
        li.activitybit .content {
            background: #f7f7f7         !important;
            padding: 5px 0px 5px 5px    !important;
        }
    
    
        .blockhead {
            background: #a9afaf             !important;
            border: 0px                     !important;
            border-top-left-radius: 0px     !important;
            border-top-right-radius: 0px    !important;
            padding: 0px 0px                !important;
        }
    
        .newactivity, .moreactivity {
            background: #a9afaf             !important;
            border: 0px                     !important;
            color: #000                     !important;
            margin-top: 0px                 !important;
        }
    
        /* thread view - pagecount */
    	.above_postlist .pagination_top .pagination, .above_postlist .pagination_top .postpagestats {
    		color: #394041				!important;
    	}
     
        /* thread view - header */
    	.vb .body_wrapper {
    		background: #bec4c4			!important;
    	}
    
        /* thread view - header 2 */
    	.tcatBar {
    		background: #a9afaf			!important;
    	}
    
    	.tcatRight {
    		background: #a9afaf			!important; 
    	}
    
    	.tcatLeft {
    		background: #a9afaf			!important;
    	}
    
        /* thread view - title */
    	#pagetitle h1 {
    		color: #394041				!important;
    	}
    
        /* thread view - post info */
    	.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
    		background: #7a8a8a			!important;
    		border: 0px					!important;
    		color: #394041				!important;
    	}
    
        /* thread view - time of posting */
    	.postbit .postdate .time {
    		color: #394041				!important;
    	}
    
        /* thread view - post content */
        .postbit .postbody {
            background-color: #f7f7f7	!important;
            color: #000000				!important;
        }
        
        /* thread view - post content (font size) */
        .postbit .postrow {
            font-size: 13px				!important;
        }
    
    	/* bit by SNy */
        .postbit .postbody font, .postbit .postbody span {
            color: #000                  !important;
            /* list of families is the forum's default as of 2013-08-02 */
            font-family: Verdana,Arial,Tahoma,Calibri,Geneva,sans-serif     !important;
        }
     
        /* thread view - post title */
    	.postbit .posttitle, .postbitlegacy .title {
    		border-bottom: 0px			!important;
    	} 
       
        /* thread view - borders around everything */
    	.postbit, .postbitlegacy, .eventbit {
    		border: 1px solid #bec4c4	!important;
    	}
    
        /* thread view - getting rid of more pesky borders */
    	.postfoot {
    		border: 1px solid #bec4c4	!important;
    	}
    
        /* thread view - quote button */
    	.postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply {
    		background: url("https://www.lotro.com/forums/images/styles/UndergroundStyle/buttons/quote_40b.png") no-repeat scroll left center #bec4c4   !important;
    	}
    
        /* thread view - multiquote button */
    	.postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote {
    		background: url("https://www.lotro.com/forums/images/styles/UndergroundStyle/buttons/multiquote-back_40b.png") no-repeat scroll left center #bec4c4   !important;
    	}
    
        /* thread view - report button */
    	.postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report {
    		background: url("https://www.lotro.com/forums/images/styles/UndergroundStyle/buttons/report-40b.png") no-repeat scroll left center #bec4c4   !important;
    	}
    	
       /* thread view - edit button */
    	.postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent {
    		background: url("https://www.lotro.com/forums/images/styles/UndergroundStyle/buttons/edit_40b.png") no-repeat scroll left center #bec4c4   !important;
    	}
    
    	/* thread view - code box */
    	.bbcode_container div.bbcode_code, .bbcode_container pre.bbcode_code {
    		background: #e7e7e7 !important;
    	}
    
        /* thread view - quoted posts */
        .postbit .postrow .bbcode_quote {
            background-color: #e1e1e1	!important;
            color: #000000				!important;
            font-size: 12px 			!important;
        }
        
        /* thread view - extra padding */
        .postbit .postbody .content {
            padding: 15px 10px 0px 10px     !important;
        }
    
        /* thread view - signature area */
        .postbit .postbody .signature {
            font-size: 12px				!important;
            padding: 10px 10px 0px 10px	!important;
            border-top-color: #bccacc	!important;
            color: #6e7e7e;
    	}
    
       /* thread view - report & quote bar */
    	.postbit .postfoot .textcontrols {
    		background: #bec4c4			!important;
    	}
    
        /* thread view - poster info area */
        .postbit .userinfo, .userinfo_noavatar {
            background-color: #e1e1e1			!important;
            border-bottom: 1px solid #bccacc	!important;
    		color: #394041						!important;
        }
        
        /* thread view - title position fix */
        .usertitle, .rank {
    		text-align: left                    !important;
    		padding: 5px 0 0 0        !important;
        }
      
        /* thread view - mod name position fix */
        .username_container {
    		text-align: left                    !important;
        }
    
        /* thread view - member info op-up (that's not just in thread view but do you really expect me to reorganize all this stuff)*/
    	.memberaction_body.popupbody {
    		background: #f7f7f7					!important;
    	}
    
        /* thread view - member info op-up mouseover */	
    	.popupbody li > a:hover, .popupbody li > label:hover {
    		background: #e1e1e1				!important;
    	}
        
        /* forum index */
    	.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
    		background: #f7f7f7					!important;
    		border-bottom: 1px solid #bccacc	!important;
    		border-left: 1px solid #bccacc		!important;
    		border-right: 1px solid #bccacc		!important;
    	}
    
        /* forum index - extra bar thing with 'last post' */
    	.thead_bar .theadrow {
    		background: #a9afaf					!important;
    	}
    
        /* forum index - navbar background */
    	.navtabs {
    		background: #7a8a8a	!important;
    	}
    	
        /* forum index - navbar text */
    	.navtabs li a {
    		color: #f7f7f7						!important;
    	}
    	
        /* forum index - separators */
    	.navtabs li {
    		background: #8f9d9d !important;  
    	}
    
        /* forum index - navbar lvl 2 */
    	.navtabs li li {
    		background: #546363 !important;
    		margin: 0 !important;
    	}
    
    	.navtabs .popupbody {
    		background: #7a8a8a !important; 
    	}
    
    	.navbar {
    		background: #7a8a8a	!important;
    		border-radius: 0	!important;
    		padding: 3px 0 0 0 !important;
    	}
    
    	.navbarLeft {
    		background: #7a8a8a	!important;
    	}
    	
    	.navbarRight {
    		background: #7a8a8a	!important;
    		padding: 0 20px	!important;
    	}
    
        /* forum index - moving the search box down a bit */
    	#searchBox .textbox {
    		margin: 10px 0 0 0 !important;
    	}
    
        /* forum index - moving the search button down a bit */
    	#searchBox .searchBox_button {
    		margin: 11px 0 0 0 !important;
    	}
    
        /* forum index - navbar buttons (What's New, etc.) */
    	.navtabs li a.navtab {
    		background: #7a8a8a !important;
    	}
    
        /* forum index - navbar buttons mouseover */
    	.navtabs li a.navtab:hover {
    		color: #ffa648						!important;
    	}
    
        /* forum index - search text */
    	#searchBox .searchBox_advanced_search a:link, #searchBox .searchBox_advanced_search a:visited {
    		color: #e0e4e4						!important;
    	}
    	
        /* thread list - padding fix */
        .threadmeta {
        padding: 5px 0 0 0    !important;
        }
     
        /* thread list - views fix */
        .threadbit .threadstats {
            line-height: 120%;
        }
    
        /* thread list - stickies */
    	.threadbit .sticky {
    		background: #e6e8e8							!important;
    		border-color: transparent #bccacc #bccacc	!important;
    		border-right: 1px solid #bccacc				!important;
    	}
    	
        /* separating stickies from normal threads [thank you Odlind!]*/
        ol.stickies:after {
            content:"-";
            color: #bec4c4;
        }
    
        /* thread list - non-stickies */
    	.threadbit .nonsticky {
    		background: #f7f7f7							!important;
    		border-color: transparent #bccacc #bccacc   !important;
    		border-right: 1px solid #bccacc				!important;
    	}
    
        /* thread list - extra bar thing with 'last post' */
    	#threadlist .threadlisthead {
    		background: #a9afaf				!important;
    		border-top: 1px solid #7d8989	!important;
    		border-left: 0px				!important;
    		border-right: 0px				!important;
    		border-bottom: 0px				!important;
    	}
    
        /* thread list - page numbers */
    	.pagination span a {
    		background: #f7f7f7				!important;
    		border: 0px						!important;
    		color: #7aa9a7					!important;
    	}
    
        /* reply - background */
    	.wysiwyg_block, .wysiwyg_block iframe.textbox, .wysiwyg {
    		background-color: #f7f7f7      !important;
    		color: #000000                 !important;
    	}
    
        /* reply - more background */
    	.formcontrols .blockrow {
    		background-color: #f7f7f7      !important;
    	}
    
        /* reply - title box */
    	.textbox, textarea, select {
    		background-color: #f7f7f7      !important;
    		color: #000000                 !important;
    	}
    
        /* reply - buttons bar */
    	.blockfoot, .blocksubfoot {
    		background-color: #bec4c4 		!important;
    	}
    
        /* reply - fix quote box */
    	.bbcode_container div.bbcode_quote {
            background-color: #e1e1e1		!important;
            color: #000000					!important;
    	}
    
        /* reply - imageinsert pop-up fix */	
        .cke_skin_kama .cke_dialog_body .cke_dialog_contents {
            background: #f7f7f7		!important;
        }
    
        /* reply - imageinsert pop-up fix */	
        .cke_skin_kama .cke_dialog_contents .cke_dialog_footer {
            background: #f7f7f7		!important;
            border: 0		!important;
        }
    
        /* footer - boxes font */
    	.forum_info {
    		color: #394041                      !important;
    	}
    
        /* footer random details until further notice */
    	.forum_info .blockhead {
    		background: #a9afaf     !important;
    		border: 0px             !important;
    		padding: 3px 0 5px 5px  !important;
    		margin-top: 10px        !important;
    	}
    
    	.forum_info .blockbody {
    		background: #f7f7f7     !important;
    		border: 0               !important;
    		box-shadow: 0           !important;
    		padding: 0 0 3px 0      !important;
    	}
    
    	.thread_info h4 {
    		padding: 3px 0 3px 8px      !important;
    	}
    
    	.thread_info {
    		color: #000     !important;
    	}
    
    	.vb .wgo_subblock {
    		border-bottom: 0 !important;
    	}
    
    	.wgo_block .blockbody {
    		background: #f7f7f7 !important;
    		border: 0 !important;
    	}
    
    	.popupbody li {
    		background: #f7f7f7      !important;
    		color: #000 !important;
    	}
    
    	.navpopupbody li {
    		background: #f7f7f7      !important;
    		color: #000 !important;
    	}
    
    	.navlinks {
    		background: #a9afaf !important;
    		border-top: 0 !important;
    		color: #000 !important;
    	}
    
    	.footer-wrap {
    		background: #bec4c4			!important;
    		padding: 50px			!important;
    	}
    
    	.footerNav {
    		background: #a9afaf			!important;
    	}
    
    	.footerNavLeft {
    		background: #a9afaf			!important;
    	}
    
    	.footerNavRight {
    		background: #a9afaf			!important;
    	}
    
    	#footerBar {
    		background: #a9afaf			!important;
    		border: 0			!important;
    	}
    
    	#footerMain {
    		background: #7a8a8a			!important;
    		border: 0			!important;
    	}
    
        /* that's not really a footer detail. eh */
    	.time {
    		color: #ff8e1e			!important;
    		font-weight: bold 			!important;
    	}
    	
        /* dev tracker - can't remember what that is */
    	#posttracker .trackerlisthead {
    		background: #a9afaf 			!important;
    		border: 0 			!important;
    	}
    
        /* dev tracker - post list */
    	#posttracker .trackerbit {
    		background: #f7f7f7 			!important;
    		border-bottom: 1px solid #bccacc			!important;
    		border-top: 1px solid #bccacc			!important;
    		padding: 6px 10px;
    	}
    
        /* community guidelines */
    	.black-box, .node-page, #character-info, .menu-media .content > .media, .slide-content.image aside.caption-box, body.menu-articles a.article-item, body.page-taxonomy-term article, body.menu-articles article, .node-news {
    		background: #f7f7f7 			!important;
    	}
    
        /* user name & title */
        .vb .postdetails a:hover, .vb .postdetails a:link, .vb .postdetails a:visited, .vb .userinfo a:hover, .vb .userinfo a:link, .vb .userinfo a:visited, .vb .postbody .postrow a:hover, .vb .postbody .postrow a:visited, .vb .activitybit a:hover, .vb .activitybit a:link, .vb .activitybit a:visited {
            text-decoration: none 			!important;
        }
    
        /* user profile */
    	#sidebar_container.member_summary {
    		background: #f7f7f7 			!important;
    		border-color: #bccacc 			!important;
    		color: #394041 			!important;
    	}
    
        /* user profile boxes border */
    	#sidebar_container .blockbody {
    		background: #f7f7f7 			!important;
    		border: 0 			!important;
    		border-radius: 0 			!important;
    	}
    
        /* user profile boxes */
    	#sidebar_container .userprof_content .blockrow {
    		border: 0			!important;
    		background: #e1e1e1 			!important;
    		border-radius: 0 			!important;
    		color: #394041 			!important;
    	}
    
    	.floatcontainer, .formcontrols .blockrow, dl.stats {
    		font-size: 11px 			!important;
    		color: #394041 			!important;
    	}
    
    	.member_summary dl.stats dt {
    		font-size: 11px 			!important;
    		color: #394041 			!important;
    	}
    
    	#sidebar_container .blocksubhead {
    		color: #394041 			!important;
    		border: 0 			!important;
    	}
    
        /* user profile shadow */
    	#sidebar_container .underblock {
    		background: transparent 			!important;
    	}
    
        /* user profile top bars */
    	.memberprofiletabunder {
    		background: #bec4c4 			!important;
    		height: 0px 			!important;
    	}
    
    	#activity_tab_container > div {
    		background: #a9afaf 			!important;
    	}
    
        /* user profile top bars - selected tab */
    	.activitystream_block dd.selected, dd.userprof_module {
    		background: #a9afaf 			!important;
    		border-color: #868f8f 			!important;
    		border-radius: 0                !important;
    	}
    
        /* user profile top bars - inactive tab */
    	.activitystream_block dd, dd.userprof_moduleinactive {
    		background: #7a8a8a 			!important;
    		border-color: #4c5c5c 			!important;
    		border-radius: 0                !important;
    	}
    	
        /* user profile top bars - text */
        #profile_tabs a, #profile_tabs a:hover {
    		background: none 			!important;
            border: 0 			!important;
        }
        
        .moduleinactive_bg {
    		background: #f7f7f7 			!important;
        }
    
        /* calendar - today */
    	.calendar .events.today, .calendar .today {
    		background: #fff 			!important;
    		border: 2px solid #ff8e1e 			!important;
    	}
    
        /* calendar - day box */
    	.calendar .events {
    		background: #f7f7f7 			!important;
    		border: 1px solid #8d9898			!important;
    	}
    
        /* calendar - days from last/next month */
    	.month .othermonth {
    		background: #e1e1e1 			!important;
    	}
    
        /* calendar - header */
    	.blockhead {
    		background: #7a8a8a 			!important;
    		border: 0 			!important;
    		border-radius: 0 			!important;
    		padding: 5px 0px 5px 5px 			!important;
    	}
    
        /* calendar - days of the week */
    	.blocksubhead {
    		background: #a9afaf			!important;
    		border-top: 1px solid #5a6969			!important;
    		border-bottom: 1px solid #8d9898			!important;
    		color: #394041			!important;
    		font-weight: bold			!important;
    	}
    
        /* calendar - right column inactive days */
    	.mini .othermonth a {
    		background: #bec4c4 		!important;
    		border: 0			!important;
    		border-radius: 0			!important;
    		color: #919999			!important;
    	}
    
        /* calendar - top tabs */
    	dl.tabslight dd a {
    		background: #bec4c4 		!important;
    		border: 1px solid #8d9898			!important;
    	}
    
    	dl.tabslight {
    		border-bottom: 1px solid #8d9898			!important;
    	}
    	
        /* calendar - event page */
    	.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
    		background: #bec4c4		!important;
    	}
    
    	.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
    		background: #f7f7f7			!important;
    		border: 0			!important;
    	}
    
    	.postbitlegacy .postdetails, .eventbit .eventdetails {
    		background: #e1e1e1			!important;
    		float: left;
    		width: 100%;
    	}
    
    	.postbitlegacy .postfoot .textcontrols a, .postbit .postfoot .textcontrols a, .eventbit .eventfoot .eventcontrols a, .postbitlegacy .postfoot .textcontrols span.mobile, .postbit .postfoot .textcontrols span.mobile {
    		background: #7a8a8a			!important;
    	}
    
        /* PMs - reply button */
    	.postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost {
    		background: url("https://www.lotro.com/forums/images/styles/UndergroundStyle/buttons/reply_40b.png") no-repeat scroll left center #bec4c4 		!important;
    	}
    
        /* User CP - active category */
    	#usercp_nav .blockrow .active {
    		background: #a9afaf			!important;
    		border: 1px solid #ff8e1e 			!important;
    	}
    
        /* User CP - category mouseover */
    	#usercp_nav .blockrow * a:hover {
    		background-color: #e1e1e1			!important;
    	}
    
        /* User CP - background */
    	#usercp_nav .blockbody {
    		background: #fff			!important;
    		border: 0			!important;
    	}
    	
        /* User CP - fixin' sum background */
        .vb .formcontrols .section, .vb .formcontrols.blockbody {
    		background: #f7f7f7			!important;
        }
    
        /* No more horrid button shadows */
        .button-appearance, .button, input[type="submit"], .more-link a, .slide-content .action, .gallery .more, .fancybox.alternates a, .page-taxonomy-term .news-teaser .news.content > a, .read-more a, .pager a {
            box-shadow: 0 0  !important;
        }
    
        /* Announcements */
        .announcements .announcerow {
            background: #ff8e46			!important;
        }
    
        .announcerow .announceinfo, .announcerow .announcement {
            background: #ff8e46			!important;
        }
    
    }


    Caveats:

    - It might or might not work on Chrome. Informative, I know. You're welcome.

    - Keep in mind that I'm not a professional web designer but a librarian with no knowledge of css (but access to Google). I would like to apologize in advance to the pros who will probably be very cross about my terrible comments, inexistent indentation and generally bad quality of the whole thing.

    - I haven't used the forums a lot yet so there's probably a lot of stuff missing/wrong/ugly. It's a work in progress and might be updated later if anyone's interested. I also couldn't find how to change the username font color. That could be a problem.

    - Feel free to correct & adapt my code to your liking. My favorite licence is the WTFPL, which means exactly what it says.



    Updates:

    0.2: links in posts now more obvious, added some code from SNy to force post text color to black.
    0.3: reworked the website header
    0.4: fixed the image upload pop-up so it's actually readable
    0.5: fixed dev tracker & event pages + several details
    0.6: added suggestions from Odlind (stickies more obvious now), fixed links in posts again, uploaded to userstyles.org
    0.7: fixed some stuff in user profiles, failed to fix some others
    0.8: announcement box
    Dernière modification par Taravith ; 07/08/2013 à 16h59. Motif: update
    [CENTER][IMG]http://img585.imageshack.us/img585/7803/rz50.png[/IMG][/CENTER]
    [CENTER][URL="http://forums.lotro.com/showthread.php?508409-Scenic-Arda"]Scenic Arda[/URL] - [URL="https://www.lotro.com/forums/showthread.php?532343-Scenic-Helm-s-Deep&p=7014227"]Scenic Helm's Deep[/URL] - [URL="https://www.lotro.com/forums/showthread.php?519168-New-forum-skin-light-theme"]Forum Light Theme[/URL][/CENTER]

  2. #2
    Date d'inscription
    juin 2011
    Localisation
    Hertfordshire, UK
    Messages
    2 095
    Good work, i'm glad you did this, it saves me the effort, i was going to do it myself when i got home, now i don't need to
    [I][URL="http://www.swgrp.co.uk/main/socks/"]Wet Socks & Two Smoking Hobits: the mad ramblings of Handee Pokits[/URL][/I]

  3. #3
    Date d'inscription
    mai 2011
    Localisation
    Netherlands
    Messages
    345

    Thank you for doing this!

    This is so much better! Thank you for the awesome work I've installed it and it works like a charm.

    Perhaps this could be stickied to help out people who want a light theme?
    Country: Netherlands, Current Server: Nimrodel. Future server: Landroval
    Sheherezi's an Eastemnet Cook & Farmer

  4. #4
    Date d'inscription
    juin 2011
    Localisation
    Germany
    Messages
    2 036
    Thanks a lot!



    But who put a <font color=... around the usernames? The font tag is outdated since 2nd age!
    Wer Hilfe will, muss Informationen liefern.
    >> Lotro World transfer status <<

  5. #5
    Date d'inscription
    juin 2011
    Messages
    355
    Does not work for me on Chrome. and it is enabled, up and running and all :I
    Any ideas?

    edit: Used the option in Stylish to "Find more styles for this site.", and installed the one and only there made for these new forums. Works and is so far enough for me.
    I suggest you send yours there too atleast when it works for other browsers too than what you use there =)
    When its on that site users can be update without copy/pasting code if the user happens ever to see that you have posted and updates and so forth
    Dernière modification par Tenuke ; 03/08/2013 à 05h38.

  6. #6
    Date d'inscription
    novembre 2009
    Messages
    381
    Thank you for this!

    +1 rep... oh wait that's gone now

  7. #7
    Date d'inscription
    juin 2011
    Messages
    31
    Very nice.

    If you want to help distinguish sticky-threads from normal, you can either change this part:
    Code:
        /* thread list - stickies */
    	.threadbit .sticky {
    		background: #f7f7f7							!important;
    		border-color: transparent #bccacc #bccacc	!important;
    		border-right: 1px solid #bccacc				!important;
    	}
    Change the #f7f7f7 to, e.g. #e7e7e7 to get a darker background for the sticky threads.

    Or you can add this:
    Code:
    /* separating stickies from normal threads */
     ol.stickies:after {
      content:"-";
      color: #394041;
     }
    This will add a nearly empty line (containing only a nearly invisible "-") between sticky and non-sticky threads.
    It is rather crude, but it will separate the threads clearly.

    I have also added to the css I use:
    Code:
    /* prevent user selected unreadable colors */
    font[color] {
     color: #000000 !important;
    }
    This will make sure all text in postings is black, even when the user tried to make it colorfull with a color-bbcode.
    It is especially helpfull since some people explicit select a more white color (or is it 'whiter'?) to make their posts better readable in the dark forum - making it absolutely invisble with the light theme.

    And personally, I prefer code-boxes to be separated from normal text, so I changed the color in
    .bbcode_container div.bbcode_code, .bbcode_container pre.bbcode_code
    from #fff to #e7e7e7 - but all thats a matter of taste, obviously.

  8. #8
    Date d'inscription
    juin 2011
    Localisation
    Cornwall, UK
    Messages
    1 383
    I just did as you recommended and it works perfectly. Thanks a million, and my weary eyes thank you too!

    I would give you +rep as well if I could, instead can I ask that you get a job at Turbine to show them how to do things properly?
    Dernière modification par podgie_bear ; 03/08/2013 à 08h53.

  9. #9
    Date d'inscription
    janvier 2012
    Messages
    450
    Citation Envoyé par Tenuke Voir le message
    Does not work for me on Chrome. and it is enabled, up and running and all :I
    Any ideas?
    Aw poop, sorry about the Chrome thing. I only have Firefox so I didn't test it on anything else. I guess I'll put a warning up there in the first post.


    Citation Envoyé par Tenuke Voir le message
    edit: Used the option in Stylish to "Find more styles for this site.", and installed the one and only there made for these new forums. Works and is so far enough for me.
    I suggest you send yours there too atleast when it works for other browsers too than what you use there =)
    When its on that site users can be update without copy/pasting code if the user happens ever to see that you have posted and updates and so forth
    It's now uploaded on userstyles.org so it should show up there now too. I wasn't sure anyone else would wanna use it but since there are a few answers I thought I might as well. I uploaded it as "public domain" so anyone can modify it to their heart's content.


    Citation Envoyé par Odlind Voir le message
    [snip awesome and much-needed advice]
    Thank so, SO much for the feedback! I'll get right to incorporating your advice to version 0.6. The sticky color thing I remember I tried to do recently but I couldn't remember where the bit of code was or how to change it so I gave up x)
    There's a bunch of stuff like that I wanted to tweak but I have no clue how to go about it.


    Citation Envoyé par podgie_bear Voir le message
    I would give you +rep as well if I could, instead can I ask that you get a job at Turbine to show them how to do things properly?
    Thank you, I appreciate it! It's particularly touching since I was pretty much (vaguely) figuring things out as I went and that was basically me during the whole process:

    [CENTER][IMG]http://img585.imageshack.us/img585/7803/rz50.png[/IMG][/CENTER]
    [CENTER][URL="http://forums.lotro.com/showthread.php?508409-Scenic-Arda"]Scenic Arda[/URL] - [URL="https://www.lotro.com/forums/showthread.php?532343-Scenic-Helm-s-Deep&p=7014227"]Scenic Helm's Deep[/URL] - [URL="https://www.lotro.com/forums/showthread.php?519168-New-forum-skin-light-theme"]Forum Light Theme[/URL][/CENTER]

  10. #10
    Date d'inscription
    octobre 2010
    Localisation
    new york
    Messages
    488

    Thumbs up

    +1 rep

    Thank you so much, this saves me a world of migraine pain and now everything looks so pretty.

    ETA: I installed it on chrome, and it's working fine for me.
    Dernière modification par redpoisonapple ; 03/08/2013 à 16h46. Motif: additional info

  11. #11
    Date d'inscription
    janvier 2012
    Messages
    450
    Citation Envoyé par redpoisonapple Voir le message
    ETA: I installed it on chrome, and it's working fine for me.
    Thank you very much, and good news. I updated to the first post to reflect the current state of uncertainty
    [CENTER][IMG]http://img585.imageshack.us/img585/7803/rz50.png[/IMG][/CENTER]
    [CENTER][URL="http://forums.lotro.com/showthread.php?508409-Scenic-Arda"]Scenic Arda[/URL] - [URL="https://www.lotro.com/forums/showthread.php?532343-Scenic-Helm-s-Deep&p=7014227"]Scenic Helm's Deep[/URL] - [URL="https://www.lotro.com/forums/showthread.php?519168-New-forum-skin-light-theme"]Forum Light Theme[/URL][/CENTER]

  12. #12
    Date d'inscription
    janvier 2012
    Messages
    450
    Posted a minor update for the user profiles.

    I don't think it would be reasonnable to bump this every time there's an update so I guess I'll have to advise people who're already using this theme to check back regularly, either this post or on userstyles.org.

    I know it's annoying and I'm sorry about that, but bumping is verboten.

    I *might* look into changing the icons for hot/new/no new posts so they're actually useful as a visual indicator but I don't know if I can find a reliable image host for that kind of thing. So stay tuned!
    [CENTER][IMG]http://img585.imageshack.us/img585/7803/rz50.png[/IMG][/CENTER]
    [CENTER][URL="http://forums.lotro.com/showthread.php?508409-Scenic-Arda"]Scenic Arda[/URL] - [URL="https://www.lotro.com/forums/showthread.php?532343-Scenic-Helm-s-Deep&p=7014227"]Scenic Helm's Deep[/URL] - [URL="https://www.lotro.com/forums/showthread.php?519168-New-forum-skin-light-theme"]Forum Light Theme[/URL][/CENTER]

  13. #13
    Date d'inscription
    juin 2011
    Messages
    272
    That's brilliant. Great work!

    Would you mind if I used your code to figure out what I've been doing wrong with the one I tried to make? I've got stuck at a few places.
    [charsig=http://lotrosigs.level3.turbine.com/2921e0000001e8838/01008/signature.png]undefined[/charsig]

  14. #14
    Date d'inscription
    juin 2011
    Messages
    272
    And this works on Chrome for me as well.
    [charsig=http://lotrosigs.level3.turbine.com/2921e0000001e8838/01008/signature.png]undefined[/charsig]

  15. #15
    Date d'inscription
    janvier 2012
    Messages
    450
    Citation Envoyé par LeppardUK Voir le message
    Would you mind if I used your code to figure out what I've been doing wrong with the one I tried to make? I've got stuck at a few places.
    Not at all, on the contrary! I tried as much as possible to comment things to make it easier to tweak - when they're missing it's because they're one of those "I have no idea what I just did but it seems to help somehow."

    And you don't even need to ask, you can do whatever you want with the code. It's completely free to modify, reuse, repost, without even the need to credit me (I'm one of those free licence extremists)
    [CENTER][IMG]http://img585.imageshack.us/img585/7803/rz50.png[/IMG][/CENTER]
    [CENTER][URL="http://forums.lotro.com/showthread.php?508409-Scenic-Arda"]Scenic Arda[/URL] - [URL="https://www.lotro.com/forums/showthread.php?532343-Scenic-Helm-s-Deep&p=7014227"]Scenic Helm's Deep[/URL] - [URL="https://www.lotro.com/forums/showthread.php?519168-New-forum-skin-light-theme"]Forum Light Theme[/URL][/CENTER]

  16. #16
    Date d'inscription
    mars 2012
    Messages
    636
    <sighs in relief... >

    THANK YOU!

    <blinks, as vision begins to return...>

  17. #17
    Date d'inscription
    décembre 2010
    Messages
    179
    Very nice! It's working for me on Chrome.

  18. #18
    Date d'inscription
    juin 2012
    Localisation
    The Golden Nook
    Messages
    19

    Thumbs up

    Just found this thread and installed Stylish -- what a relief for my eyes
    Works like a charm on Chrome.
    Thank you!

  19. #19
    Date d'inscription
    avril 2007
    Localisation
    Idaho, USA
    Messages
    374
    First - THANK YOU!!!!

    Second - you might want to warn people that do not use ad blocking software to be extremely careful when installing (ads will be shown with green download buttons). Just a warning and a good reason to have both ad blocking software as well as a good virus/malware protection too.
    [IMG]http://ttcdreams.com/wp-content/uploads/2013/08/lotrosig.jpg[/IMG]

  20. #20
    Date d'inscription
    septembre 2013
    Messages
    260
    Stumbled about that one because of the link in your sig, Taravith.

    Came, saw, installed... THANK YOU!
    That's sooo much better to look at!
    ~ Huntress reincarnated ~

  21. #21
    Date d'inscription
    octobre 2013
    Localisation
    UK
    Messages
    69
    A lot better thank you.
    ~ WhiteTalpa ~

 

 

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •  

La session de ce formulaire a expiré. Vous devez recharger la page.

Recharger