Blogger Accordion HTML Kodları

Blogger Accordion HTML Kodları

Konular Accordion Başlığı 1 ... Accordion Başlığı 2 ... Accordion Başlığı 3 ... Accordion Başlığı 4 ... /* Accordion by Fineshop */ .acdn { position :relative; list-style :none; margin : 30px 0 ; padding : 0 ; font-size : 14px ; line-height : 1.7em ; font-family :inherit} .acdn .ac { width : 100% ; padding : 20px 0 20px 15px ; margin : 10px 0 ; background : #f0f0ff ; border-radius : 10px ; border-left : 4px solid #8a8aff ; box-shadow : 0 5px 10px rgba ( 51 , 51 , 51 ,. 1 )} .acdn .ac :nth-child ( 4 n + 1 ){ background : #f0f0ff ; border-left-color : #8a8aff } .acdn .ac :nth-child ( 4 n + 2 ){ background : #fff0f3 ; border-left-color : #ff8aa1 } .acdn .ac :nth-child ( 4 n + 3 ){ background : #f0faff ; border-left-color : #8ad8ff } .acdn .ac :nth-child ( 4 n + 4 ){ background : #fff7f0 ; border-left-color : #ffc08a } .acdn .cont { margin : 0 ; padding-left : 27px ; padding-right : 27px ; position :relative; overflow :hidden; max-height : 0 ; transition :all . 3s ease; color : #08102b } .acdn .cont ul , .acdn .cont ol { padding-left : 13px } .acdn .cont li { padding : 0 } .acdn .cont a { text-decoration :none; color : #08102b } .acdn .cont a :hover { text-decoration :underline} .…