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
XHTML2PDF(1)							   User Commands						      XHTML2PDF(1)

NAME
xhtml2pdf - PDF generator using HTML and CSS SYNOPSIS
xhtml2pdf [-b base path] [--base=base path] [-c CSS file] [--css=CSS file] [--css-dump] [-d] [--debug] [--encoding=character encoding] [-h] [--help] [-q] [--quiet] [--version] [-w] [--warn] [-x] [--xml] [--xhtml] [--html] [SRC] [DEST] DESCRIPTION
This manual page documents briefly the xhtml2pdf command. xhtml2pdf is an HTML-to-PDF converter using the ReportLab Toolkit, HTML5lib and pyPdf. It supports HTML 5 and CSS 2.1 (and some of CSS 3). It is completely written in pure Python so it is platform independent. The main benefit of this tool that a user with Web skills like HTML and CSS is able to generate PDF templates very quickly without learning new technologies. Easy integration into Python frameworks like CherryPy, KID Templating, TurboGears, Django, Zope, Plone, Google AppEngine (GAE) etc. OPTIONS
A summary of options is included below. SRC Name of a HTML file or a file pattern using * placeholder. If you want to read from stdin use - as file name. You may also load an URL over HTTP. Take care of putting the src in quotes if it contains characters like ?. DEST Name of the generated PDF file or - if you like to send the result to stdout. Take care that the destination file is not already opened by an other application like the Adobe Reader. If the destination is not writeable a similar name will be calculated automatically. -b, --base Specify a base path if input comes via STDIN. -c, --css Path to default CSS file --css-dump Dumps the default CSS definitions to STDOUT. -d, --debug Show debugging information. --encoding The character encoding of SRC. If left empty (default) this information will be extracted from the HTML header data. -h, --help Show the help text. -q, --quiet Show no messages. --version Show version information. -w, --warn Show warnings -x, --xml, --xhtml Force parsing in XML mode (automatically used if SRC ends with .xml). --html Force parsin in HTML mode (default). AUTHOR
xhtml2pdf was written by Dirk Holtwick <dirk.holtwick@gmail.com>. This manual page was written by Toby Smithe <tsmithe@ubuntu.com>, for the Debian project (but may be used by others). pisa 02/08/2010 XHTML2PDF(1)
All times are GMT -4. The time now is 02:16 PM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy