- Dettagli
- Categoria: css
- Visite: 11515
This contains some great css snippets found on internet or just created/changed by myself.
Box with glass border
.box { background: #f0edcc; background-clip: padding-box; /* Background stops at border */ border: 4px solid rgba(255,255,255,.2); border-radius: 3px; box-shadow: 0 0 1px rgba(255,255,255,.8), /* Bright outer highlight */ 0 0 3px rgba(0,0,0,.8), /* Outer shadow */ 1px 1px 0 rgba(0,0,0,.8) inset, /* Inner shadow (top + left) */ -1px -1px 0 rgba(0,0,0,.8) inset; /* Inner shadow (bottom + right) */ padding: 10px; }
thanks to Jordan Gray for his post on stackoverflow
Break word for word wrap
.acapo{
word-break:break-all
}
Apply to classes starting with ...
...ie: to select all classes starting with leading like "leading-[n]". The [n] is 1, 2, 3 ...n
[class*="leading"] { margin: 0 0 20px 0; }
Apply to First and Last element
.nav li:first-child a { border-left: 0; border-radius: 3px 0 0 3px; } .nav li:last-child a { border-right: 0; border-radius: 0 3px 3px 0; }
Text Gradient
.mytextgradient { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; color: #234EFA; background: -webkit-linear-gradient(#234EFA 50%, #040A22); }
PNG-Shadow
Shadow for transparent image
my-Transparent-img { -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); }
Thanks to Stackoverflow for the discussion
Image auto resize
/* image auto size when resize the browser */ max-width: 100%; max-height: 100%; height: auto; width: auto\9; /* ie8 */
Select Next Element
p:nth-child(2) { background: #ff0000; } p:nth-child(4) { background: #00000; } p:nth-child(odd) { background: #ff0000; } p:nth-child(even) { background: #0000ff; } p:nth-child(3n+0) { background: #ff0000; }
CSS Reflection
/* chrome and safari */ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1)));
CSS hover can display hidden element
/* will show the element with class tooltiptext */ .tooltip:hover .tooltiptext { display: block; opacity: 1; }
To Be Continued...
Stay tuned, I will add more snippets soon...
- Dettagli
- Categoria: SQL
- Visite: 29234
Image to have a table like the following and you need to get the max value of COL2 for each COL1.
- Dettagli
- Categoria: Javascript
- Visite: 16762
This page contains some jquery code snippets. I wrote them day by day during developping, so they are not well organized but for sure they are useful.
- Dettagli
- Categoria: System
- Visite: 24581
Speed Dial it's a plug-in for Google Chrome for tab pages.
I just created a couple of custom CSS for it.
- Dettagli
- Categoria: System
- Visite: 13575
Da quando sono usciti i sistemi windows a 64 per i client le immagini di anteprima, meglio conosciute con il nome inglese thumbnail, hanno sempre rappresentato un problema per molti software. Al posto dell'immagine che rappresenta il contenuto in bella vista c'è l'icona del programma a cui è associato il file.
- Dettagli
- Categoria: SQL
- Visite: 52328
Di recente ho avuto la necessità di "sbirciare" in un database di cui non avevo la documentazione. Volevo trovare la tabella dove era memorizzata una data parola.
- Dettagli
- Categoria: Joomla
- Visite: 18394
I am really entusiast to suggest you a good Syntax Highlighter for Joomla.
- Dettagli
- Categoria: Joomla
- Visite: 7019
- Dettagli
- Categoria: Joomla
- Visite: 29848
In Joomla 3.02 there is not the option to align the logo to the center. Here what I have done.
- Dettagli
- Categoria: System
- Visite: 86777
If you need to store and manage your passwords in a secure way, KeePass could be what you need.
WHAT IS KEEPASS
KeePass is a free open source password manager, which helps you to manage your passwords in a secure way.
It is available for windows, OSx, Linux, iOS, Android and more.
- Dettagli
- Categoria: Android
- Visite: 15247
Whatsapp gira su diversi sistemi ma soltanto su mobile: Blackberry di RIM, iOS di apple, Android di Google, Nokia, Windows Phone, Symbian ma non su PC o MAC.
- Dettagli
- Categoria: Joomla
- Visite: 19153
TinyMCE is delivered without a source coloured. It's poor edit the html without the source highlighted. In order to highlight the surce code I found 2 plugins for TinyMCE: codemirror and codemagic. Let me explain how to add the plugin "codemagic" on your Joomla.
- Dettagli
- Categoria: Joomla
- Visite: 6102
Joomla 3.x was released on september 2012. I am using Joomla 3.x for my own websites byman.it and quakearea.com and also for some friends websites. Here some addon used.
- Dettagli
- Categoria: Miscellaneous
- Visite: 13332
A nice CSS3 to format an html table. I found it at Red Team Design website. Let me share it.
Sottocategorie
Miscellaneous

Ajax

Lotus Notes

css

Graphics

Joomla

Developing

VB.Net

PHP

SQL

Javascript

VS Code

Pagina 6 di 13
More from the same category
- Duplicate Line in Visual Studio
- Duplicati Sortable Tasks
- Excel lentissimo ad aprire file di rete
- FileZilla Directory Comparison Timestamp problem
- Hostname from Lotus Script or formula
- Hover effect on touch devices
- Joomla 3 Update Error on ISPConfig 3
- Joomla 3 user session
- Lucio Dalla - Se io fossi un Angelo
- My FAV Windows appx
- My Sites
- MySQL Slow Log
- Nome file con data e ora
- PC sospeso riparte da solo
- PDF, come vedere se include immagine vettoriale
- Private Area
- Remote tail from windows using plink
- Righe Alternate quando cambia il valore
- Shortlink
- Snippets Excel
- Snippets Regex
- Some Computing Tricks
- Spotbright - Windows 10 photos
- SQL Insert from Excel Formula
- Stampante Epson Eco Tanker, errore Ink Pad
- Summer Madness
- Test Table Bordered and more...
- Windows - comandi per ms-settings
- Windows - Special Links, Control cpl ed altro