We’re excited to have you join us! By registering, you’ll gain access to exclusive content, including leaked files and nulled software. Engage with our community, share your insights, and stay updated on the latest releases.

Get ready to explore and enjoy all the benefits of being a member, and feel free to connect with others through discussions and private messages.

Warning: Please do not create multiple accounts. We have a system in place that detects multiple account registrations, and any violations may result in a permanent ban.

Sign Up Now and Start Exploring!
  • License distribution for the
    Ibo 3.9 app+ panel with 17 themes to choose
    is now available for free, we are decrypting it now
    Only for VIP memberships

XenForo Modify your style css with shadow effects

El Bana

Active member
Registered
Joined
Jul 25, 2024
Messages
142
Step 1 :

For example i take xnforo.ir ( your css blocks may be different from those present here)

The style Before modification, everyone knows it, I will modify it a little bit quickly with 2 lines of code.



we will modify a bit

Add in your extra.less (the lines comment explains the changes)

CSS:
Code:
Please, Log in or Register to view codes content!
After




Step 2 :

Another example if you modify this line like this !

CSS:
Code:
Please, Log in or Register to view codes content!





Step 3 :

we also need to modify the css of the footer block




Add in your extral.less (for block-footer modifications)
Less:
Code:
Please, Log in or Register to view codes content!
final result with 4 lines of code :)



you can change the color, radius, and the values of shadow as you want.
many modifications are possible.

usefull links :

Test yourself on your style .
 
Back
Top