Pallino Sidebar

« Older   Newer »
  Share  
view post Posted on 25/9/2019, 11:55
Avatar

Advanced Member

Group:
Member
Posts:
3,355

Status:


Qui Su questo forum abbiamo installato la sidebar: siccome non siamo esperti di codici, abbiamo copiato il codice utilizzato nella vostra guida pių un vecchio codice di personalizzazione.
Sicuramente ci sarebbe da sistemarlo in mille punti, ma il problema principale č che vorremmo togliere il pallino bianco che compare vicino al bottone. Qualcuno sarebbe in grado di darci una mano? Grazie mille

Se servisse, questo č il css

CITAZIONE
/* SIDEBAR */
.nb_sidebar {position: fixed; width: 220px; height: 100%; top: 100px; text-align: left: 3px; z-index: 9}
.nb_sidebar, .container, .custom_widget > *:not(#nbs_leftbutton):not(#nbs_rightbutton), body.openright .nb_sidebar.me_right, body.openleft .nb_sidebar.me_left {transition: all .2s linear}
.custom_widget > *:not(#nbs_leftbutton):not(#nbs_rightbutton) {opacity: 0}
.custom_widget {margin: 10px}
#nbs_leftbutton, #nbs_rightbutton, body.openleft #nbs_leftbutton, #nbs_leftbutton:hover, body.openright #nbs_rightbutton, #nbs_rightbutton:hover, body.openleft .me_left .custom_widget > *:not(#nbs_leftbutton), body.openright .me_right .custom_widget > *:not(#nbs_rightbutton) {opacity: 1 !important}
body.openright .nb_sidebar.me_right {box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)}
body.openright .nb_sidebar.me_right {right: 0}
body.openleft .nb_sidebar.me_left {left: 0}

#nbs_rightbutton, #nbs_leftbutton {position: absolute; padding: 3px; top: 90px; display: block; border-radius: 100%; height: 0; width: 0; transition: all .5s; z-index: 9; font-size: 18px; color: #535353; text-transform: uppercase; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); border: 0}

#nbs_rightbutton:focus, #nbs_leftbutton:focus {outline: 0}
#nbs_rightbutton {right: 335px}
#nbs_leftbutton {left: 300px}
.nbs_textclose {text-align: center}
.nbs_textclose a {cursor: pointer}

.nb_sidebar.me_right {right: -200px}
.nb_sidebar.me_left {left: -300px}
body .container {left: 0}
body.openright .container, body.openright .tabs {left: -120px !important}
body.openleft .container, body.openleft .tabs {left: 120px !important}

/*INIZIO SIDEBAR by insanity mind - TSOTS*/

#pasidebar {position:fixed; top: 100px; left: 3px; height: 550px; width: 220px; padding: 10px; background-color: #FCE5D1; border-top-right-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px}

#patitle {text-align: right; padding-top: 10px; font-family: georgia; font-size: 21px; line-height: 70%; letter-spacing: -1px; color: #D9434F}
#pasubtitle {text-align: right; background-color: #B0C6BB; padding-top: 4px; font-family: verdana; font-size: 12px; line-height: 90%; letter-spacing: -2px; color: #564043; text-transform: uppercase; border-bottom: 1px dashed #7D7B75}

#paimage {width: 220px; height: 124px; border-top-right-radius: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; position: fixed; padding-top: 5px; margin-left: 0; background-image: url(https://i.imgur.com/FlJAOmq.gif); opacity: 0.8; background-position:center; background-repeat: no-repeat; border: 0}

#padescription {width: 220px; height: 70px; padding-top: 125px; line-height: 8px; font-family: georgia; font-size: 10px; text-align: justify; color: #4B4A4A}
.padescription a {color: #564043}
.padescription a:hover {color: #564043}

#pasubtitle1 {text-align: center; background-color: #B0C6BB; text-transform: uppercase; font-family: arial; font-size: 8px; color: #363635; letter-spacing: 3px; padding-top: 3px; text-shadow: 0; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s}
#pasubtitle1:hover {color: #6D695C; letter-spacing: 8px}

#paicon {width: 220px; height: 50px; margin-top: 2px; margin-bottom: 2px; margin-left: 1px; text-align: center}

.parotazione {-webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden}
.parotazione:hover {-webkit-transform:rotate(-180deg); -moz-transform:rotate(-180deg); -o-transform:rotate(-180deg)}

#pasubtitle2 {text-align: center; background-color: #B0C6BB; text-transform: uppercase; font-family: arial; font-size: 8px; color: #363635; letter-spacing: 3px; padding-top: 3px; text-shadow: 0; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s}
#pasubtitle2:hover {color: #6D695C; letter-spacing: 8px}


#palinks {width: 220px; margin-left: 0; margin-top: 3px}
#palinks a {display: block; height: 18px; text-align: center; letter-spacing: 1px; color: #4D4C47; font-family: arial; font-size: 8px; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s}
#palinks a:hover {color: #4D4C47; letter-spacing: 6px}
.link1 a {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link1 a:hover {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link2 a {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link2 a:hover {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link3 a {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link3 a:hover {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link4 a {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link4 a:hover {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link5 a {background-color: #FCE5D1; border-bottom: 1px solid #999588}
.link5 a:hover {background-color: #FCE5D1; border-bottom: 1px solid #999588}

#padescription2 {width: 220px; margin-top: 5px; text-align: left; color: #2A292A; font-family: georgia; font-size: 18px; text-transform: uppercase}
#padescription3 {text-align: left; padding-top: 4px; font-family: verdana; font-size: 12px; line-height: 90%; letter-spacing: -2px; color: #464546; text-transform: uppercase; border-bottom: 1px dashed #7D7B75}

#padescription4 {width: 220px; height: 70px; padding-top: 5px; line-height: 8px; font-family: georgia; font-size: 10px; text-align: justify; color: #4B4A4A}
.padescription4 a {color: #926977}
.padescription4 a:hover {color: #9E9D65}

#pacredits {text-align: center; font-family: verdana; font-size: 8px; color: #4B4A4A; padding-top: 20px}
#pacredits a {color: #BED13B}
#pacredits a:hover {color: #D6DEA0}

/*FINE SIDEBAR*/
 
Top
view post Posted on 25/9/2019, 15:30
Avatar

Staff

Group:
ForumFree Staff
Posts:
109,439
Location:
Slayer's Flag

Status:


ho modificato questa parte
HTML
<button id="nbs_leftbutton" style="display: none;"><img src="https://i.imgur.com/s5ZnG7V.png"/></button>


aggiungendo background: transparent

HTML
<button id="nbs_leftbutton" style="display: none; background: transparent"><img src="https://i.imgur.com/s5ZnG7V.png"/></button>
 
Web  Top
view post Posted on 25/9/2019, 15:59
Avatar

Advanced Member

Group:
Member
Posts:
3,355

Status:


Grazie mille kostaki, gentilissimo :D
 
Top
2 replies since 25/9/2019, 11:55   67 views
  Share