Jump to content
  • Guides

    Find useful guides across operating system
    1. 1

      Custom styling your signature on OSXL

      Hey community!   As you all might know we underwent a massive upgrade from our old forum to this new one. After the upgrade you might have noticed that signatures aren't that well visible. They look completely out of the place and are a total mess to look at.   So, after tuning up our site and handling the core things, I have managed to take out some time today and was toying around with the web developer tools in Chrome.   I wanted my signature to look a bit different and more stylish. As you can see, it also has some fancy animation once you hover over it. You can look at the source code for my signature by inspecting the element.   Here's how you can apply custom CSS3 styling to your signature: Navigate to "Account Settings" from the user settings drop down menu (top right).   Select "Signature" section.   Now you need to change to source code mode as default IPS WYSIWYG is a headache when it comes to styling. Plus the CK Editor we get in Signature's section is very slimmed down (features removed).   To change to source mode you need to click on the source button on the editor's toolbar. Here's a visual reference: Once you switch to the source code mode, the first thing you wanna do is put your signature in the center of the screen. You can also use css but using a <center> tag of HTML would be more handy. Now, by default IPS uses span element to store your signature and span is not that friendly when it comes to animating it. The first thing you wanna do is use a div tag to store your signature and give it a custom unique ID. Like, <div id="myUniqueID"> This is a sample signature </div>   Here the id of our div element is myUniqueID. We will be using this ID in our CSS to style this element.   Now, here's the problem, once you use a div tag, your signature will take up the whole place overlapping with some controls in the signature are. Hence, it is a must to use a max-width property to circumvent this issue.   So, here's the basic bare bones syntax of a typical custom signature: <center> <style type="text/css"> /** Styling for our custom div element goes here **/ </style> <!-- Declare a div tag with custom ID --> <div id="myUniqueID"> This is a sample signature </div> </center>   Now, I'm gonna provide an other copy and paste code that shows how to control your signature's element using CSS (for noobs) <!-- Source code for Nick's signature on OSXL --> <center> <style type="text/css"> /* Styling for the root DIV tag */ #myUniqueID{ /** This will control your signature's text appearance **/ } /* Optional if you wanna do something when cursor is hovered (try hovering my signature) */ #myUniqueID:hover{ /* Code goes here */ } </style> <!-- Now we are just going to create a div element with our custom tag --> <div id="myUniqueID"> Please be kind to others. Help us to help you. </div> </center>     That's all that you need to know.   Here's an advanced example of how to use custom code for signature. This is the current source code for my signature. If you have any doubts you are free to ask me about it.   <center> <style type="text/css"> /** Custom animation to shake an HTML element using CSS **/ @keyframes shakeSign { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } /* Styling for the root DIV tag */ #nicksSign{ color: wheat; font-size: 15px; font-family: monospace; max-width: 500px; margin-bottom: 5px; background: #5f32e5; padding: 2px; -webkit-font-smoothing: subpixel-antialiased; box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.75); cursor: default; /* Prevent cursor from turning into a text selector */ user-select: none; /* Make it non-selectable */ } #nicksSign:before { content: attr(data-hover); opacity: 0; position: absolute; } #nicksSign > span { transition: all 1s; } /* Animate only when hovered */ #nicksSign:hover{ animation: shakeSign 2.5s ease-in-out infinite; } #nicksSign:hover span { opacity: 0; transition: all 1s; } #nicksSign:hover:before { opacity: 1; transition: all 1s; } </style> <div data-hover="Thankyou for being here. Greetings from OSXL!" id="nicksSign"> <span>Please be kind to others. Help us to help you.</span> </div> </center>   Lets us know in comments if you have any questions with you custom signature.   Welcome to new new era of Signatures at OSXL!   Regards OSXL   Please note: Funky signatures are strictly prohibited and are not allowed.
    Sign in to follow this  
  • Recent Posts

    • Make sure you're connected via the DisplayPort
    • You are a really magician! Installation started! WOOOOOOOOW! Little problem: in the middle of loading bar the the installer disappear and the screen goes off... Here the video: https://mega.nz/file/iPQ3XCQA#_UsHTRsT0CUc04NmHZYSA53Wr-LAEchPgEU8dyekBy8
    • When I updated my ASUS to the latest 10.15.5 update, it broke the touchscreen and touchpad.   I then updated VoodooI2C.kext and VoodooI2CHID.kext to version 2.4.3 and the touchscreen worked perfectly (click, select, gestures, everything!), but the touchpad still didn’t work.   I then backed out VoodooI2C.kext to version 2.3 and kept version 2.4.3 of VoodooI2CHID.kext and now both the touchscreen and touchpad work perfectly.   I finally have everything on the touchscreen working along with a working touchpad!
    • Try booting without the SSDT* in the patched folder by going into Option at boot
    • Give this a try, replace contents into /EFI/Clover overwrite if asked 3040_Catalina.zip
    • Reply to @muttonhead411   Yes totally onboard with the idea to get a little community going. I came across a blog post which listed the 7490 as its top recommendation for hackintoshing. If people took that advice there must be many more of us.   What sleep related issues have you being experiencing? I haven't had the occasion to verify what is/ isn't working yet beyond what's obvious so haven't picked up on any other issues yet (not tested ports, audio out etc).   So on booting back into OpenCore this evening - after having used Clover for the last week - I was surprised to discover that my trackpad doesn't work at all anymore under OpenCore (despite making no changes). Even with XOSI & GPIO; XOSI config patch,; DSDT patches etc. So damn strange. Also tried your suggested .config patches but that didn't work either. Any idea of what could be going on?   Could you share your OC folder with us? Or give a detailed guide of how you got the trackpad working and what kind of issues you experienced along the way?
    • Reply to @Fuzeless: Nice work getting everything figured out under Clover   If you’re still having trouble compiling your DSDT (and need it for some reason (Fn key remapping for example), the following may be of some assistance: I too, experienced some errors when compiling my DSDT in MacIASL (was following the OC wiki on Dortania.) By using an alternate fork of MacIASL, and disassembling the DSDT .aml file to a .dsl file, I managed to get it to compile  without errors (key points below and detailed instructions at RehabMan’s laptop DSDT patching guide    No I haven’t found that the right-hand section of my palm-rest heats up under MacOS. The machine seems to run cooler under OSX and is definitely much quieter than under Windows - the fan noise was insane with Win10.    Key points for compiling DSDT file: Use clover boot loader to dump your DSDT (by pressing the F4 key at the boot screen). [I already dumped by DSDT under Win10 but figured this method might give a cleaner DSDT file]. Install RehabMan’s fork of MacIASL to Applications folder [this version seems to perform differently to the acidanthara release recommended by the Dortania OC wiki]. I can’t find a link to it but have attached the file to this post. Install iasl tools to /usr/bin Copy iasl tools to the MacIASL.app directory in Applications Disassemble your DSDT.aml file from clover. No need for -da option. No need for refs.txt Open the resulting .dsl file in MacIASL and try to compile. You should only get 3 errors. Replace the “If (LEqual (PM6H, One))” section with the amended one as explained in the guide Try to compile -> 1 error remaining -> Rename XTBT and add the XTB2 method before XTBT Now you can compile. Remember to save the error free dsdt as a .dsl file (patches can be applied to this). RehabMan-MaciASL-2018-0507.zip
×
×
  • Create New...