Sponsored Content
The Lounge What is on Your Mind? Quick Changes to Member Profile Page Post 303022492 by Neo on Sunday 2nd of September 2018 02:53:12 AM
Old 09-02-2018
Quick Changes to Member Profile Page

Hey,

There are still some "right margin" bugs in the CSS on the members profile page, but I did make some changes today:

Image

Image

Image

These changes included some CSS changes and some changes to the vBulletin Javascript for this page (change the edit image to font awesome icons), and some added jQuery code:

Code:
$(document).ready(function() {
  $(".statistics_group, legend,fieldset,dl").css({
    "border-color": "lightblue",
    "border-width": "1px",
    "background-color": "#f5fff4"
  });
  $(".neo-table-divs-border").css({ margin: "20px 0px 0px 0px" });
  $("dd,a,li,td,pre").css({ color: "rgba(1, 8, 94,0.9)" });
  $(".shade").css({ color: "rgba(1, 8, 94,0.7)" });
  $("pre, #activity_info").css({ "background-color": "#f5fff4" });
  $(".fa-chalkboard-teacher").css({ "font-size": "0.7em" });
});

Example small changes to vBulletin JS code (now):

Code:
 
this.control_parent.appendChild(document.createElement("a"));
this.control.href = "#";
this.control_image = document.createElement("i");
this.control_image.setAttribute("class", "fas fa-pencil-alt");
this.control_image.setAttribute("style", "padding-left:10px;color:rgba(1, 8, 94, 0.9);font-size:0.8em;");

Was (originally, something like this):

Code:
this.control_image = new Image();
this.control_image.src=IMGDIR_MISC+"/userfield_edit.gif";
this.control=this.control_parent.appendChild(document.createElement("a"));
this.control.href="#";
this.control_image=this.control.appendChild(document.createElement("img"));
this.control_image.src=this.factory.control_image.src;

There is still some legacy bug in the vBulletin CSS which effects the right margins. >> TODO List
 

3 More Discussions You Might Find Interesting

1. What is on Your Mind?

New Member Profile Pages (Proposal)

Hey, I am thinking to get rid of the old and clunky member profile pages and replace with a prototype from Brad at Traversy Media. Here is the prototype: Welcome To My Portfolio Basically, I will take the links in the user profile page and put them into the new format when I have time.... (3 Replies)
Discussion started by: Neo
3 Replies

2. What is on Your Mind?

Quick Bootstrap Reformat of Forum Staff Page

This page still needs work (complete redesign), but in the meantime, I quickly added some Bootstrap classes to "pretty it up": https://www.unix.com/staff.php https://www.unix.com/staff.php (0 Replies)
Discussion started by: Neo
0 Replies

3. Web Development

Quick Fix for Google Search Console "Page is not mobile friendly"

Over the past 10 plus years, we have countless posts where the user did not use CODE tags or they used ICODE tags incorrectly. This has has the results of this site penalized by Google for having pages which are "not mobile friendly". So, working quietly in the background, in the thankless... (0 Replies)
Discussion started by: Neo
0 Replies
CSS::Packer(3pm)					User Contributed Perl Documentation					  CSS::Packer(3pm)

NAME
CSS::Packer - Another CSS minifier VERSION
Version 1.002001 DESCRIPTION
A fast pure Perl CSS minifier. SYNOPSIS
use CSS::Packer; my $packer = CSS::Packer->init(); $packer->minify( $scalarref, $opts ); To return a scalar without changing the input simply use (e.g. example 2): my $ret = $packer->minify( $scalarref, $opts ); For backward compatibility it is still possible to call 'minify' as a function: CSS::Packer::minify( $scalarref, $opts ); First argument must be a scalarref of CSS-Code. Second argument must be a hashref of options. Possible options are: compress Defines compression level. Possible values are 'minify' and 'pretty'. Default value is 'pretty'. 'pretty' converts a { color: black ;} div { width:100px; } to a{ color:black; } div{ width:100px; } 'minify' converts the same rules to a{color:black;}div{width:100px;} copyright You can add a copyright notice at the top of the script. remove_copyright If there is a copyright notice in a comment it will only be removed if this option is set to a true value. Otherwise the first comment that contains the word "copyright" will be added at the top of the packed script. A copyright comment will be overwritten by a copyright notice defined with the copyright option. no_compress_comment If not set to a true value it is allowed to set a CSS comment that prevents the input being packed or defines a compression level. /* CSS::Packer _no_compress_ */ /* CSS::Packer pretty */ AUTHOR
Merten Falk, "<nevesenin at cpan.org>" BUGS
Please report any bugs or feature requests through the web interface at http://github.com/nevesenin/css-packer-perl/issues <http://github.com/nevesenin/css-packer-perl/issues>. I will be notified, and then you'll automatically be notified of progress on your bug as I make changes. SUPPORT
You can find documentation for this module with the perldoc command. perldoc CSS::Packer COPYRIGHT &; LICENSE Copyright 2008 - 2011 Merten Falk, all rights reserved. This program is free software; you can redistribute it and/or modify it under the same terms as Perl itself. SEE ALSO
CSS::Minifier, CSS::Minifier::XS perl v5.14.2 2012-02-18 CSS::Packer(3pm)
All times are GMT -4. The time now is 06:08 PM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy