Css Konusunda Yardıma İhtiyacım Var. Yardımcı Olabilirmisiniz

Merhaba, sitemin altyapısı ticimax, adamlara ana menümde Ana Sayfa yazan alana home iconu eklermisiniz dedim. Adamlar sizinki özel tasarım değil biz yapamayız css bilginiz varsa siz yapın dedi. Arkadaşlar css dosyamı paylaşıyorum. Ana menüde ana sayfa yazan alanın yanına home iconu ekleyen kodu bana verebilirmisiniz? http://prntscr.com/jbukfe . Birde menünün sonunda boşluk var bunu yok edebilirmiyiz? Menüyü yayabiliriz yada ona bener birşey? Yardımınız için şimdidden teşekkür ederim.

Sanırım lazım olan css kısmı burası. Tamamını konuya ekleyemiyorum

[COLOR=initial]@import url([url]https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&subset=latin,latin-ext);[/url][/COLOR]

@import url(font-awesome.min.css);


* { margin: 0; outline: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }


.mobilBannerContent { display: none; }


body { background: #f4f5f5; color: #565656; font: 14px/22px 'Open Sans', Arial, Helvetica, sans-serif; }


/* Standard Styles Starts */


a { text-decoration: none; color: #555; font-size: 14px; line-height: 24px; text-decoration: none; }


a:hover { color: #8d48ab; text-decoration: none; }


a:focus { outline: none; }


:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


img { border: none; max-width: 100%; }


ol, ul { list-style: none; }




input[type="text"] { width: 100%; }




.clear { clear: both; }


.bordernone { border: none !important; }


.textbox { display: block; width: 100%; height: 34px; margin: 5px 0; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }


input[type="text"] { display: block; width: 100%; height: 34px; margin: 5px 0; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }


textarea { width: 100%; padding: 6px 12px; margin: 5px 0; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }


.textbox:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }


.textbox::-moz-placeholder { color: #999; opacity: 1; }


.textbox:-ms-input-placeholder { color: #999; }


.textbox::-webkit-input-placeholder { color: #999; }


.button { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; background-color: #8d48ab; border-color: #8d48ab; }


.button:hover { color: #fff; background-color: #9a5cb4; border-color: #8d48ab; }


.Block_item .button { display: block; width: 100%; }


.selectboxx { border: 1px solid #ccc; padding: 6px 12px; height: 34px; width: 100%; color: #555; margin: 5px 0; background-color: #fff; background-image: none; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }


select { border: 1px solid #ccc; padding: 6px 12px; height: 34px; width: 100%; color: #555; margin: 5px 0; background-color: #fff; background-image: none; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }


.validate, .validateSol, .validateOrta { position: absolute; right: 1.5%; top: -3px; display: table; background-color: #8d48ab; color: #fff; border-radius: 5px; padding: 7px 10px; line-height: 12px; }


.validate .validateOk, .validateSol .validateSolOk, .validateOrta .validateOrtaOk { background-color: #8d48ab; position: absolute; right: 10px; bottom: -5px; width: 10px; height: 10px; display: block; border-radius: 0 0 0px 15px; }
/* ------------------------------------Kategoriler Slide--------------------------------------------*/


.ProductList { }


.jCarouselLite { width: 100% !important; margin-bottom: 20px; float: left; z-index: 0 !important; overflow: hidden; }


.jCarouselLite ul { z-index: 0 !important; }


.jCarouselLite .productItem { width: 100% !important; margin: 0 !important; padding: 0 !important; }


.jCarouselLite .productItem .favori { left: 15px; }


.jCarouselLite .productItem .examineIcon { left: 70px; }






.owl-nav { position: absolute; top: -47px; right: 5px; }


.JKatAdi { padding: 10px 20px !important; width: auto !important; height: auto !important; line-height: inherit !important; border: 0 !important; margin: 0 0 10px 0 !important; font-size: 18px !important; background: #252a2f !important; color: #fff !important; text-transform: uppercase !important; }


.ProductListprev { float: left; margin-right: 10px; cursor: pointer; background: url("images/Sprite.png") no-repeat scroll 2px -212px #fff !important; width: 32px; height: 32px; text-indent: -9000pt; border: none; border-radius: 25px; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; /* Safari */ }


.ProductListprev:hover { background: url("images/Sprite.png") no-repeat scroll 2px -262px #9a5cb4 !important; }


.ProductListnext { float: right; cursor: pointer; background: url("images/Sprite.png") no-repeat scroll -47px -212px #fff !important; width: 32px; height: 32px; text-indent: -9000pt; border: none; border-radius: 25px; transition-duration: 0.4s, 0.4s; -webkit-transition-duration: 0.4s, 0.4s; /* Safari */ }


.ProductListnext:hover { background: url("images/Sprite.png") no-repeat scroll -47px -262px #9a5cb4 !important; }


@media (max-width:768px) {
 .JKatAdi { font-size: 14px !important; }
}


/* ------------------------------------Kategoriler Slide--------------------------------------------*/
/* ------------------------------------Header--------------------------------------------*/
#header { background: url(images/headerBg.png) repeat-x center top #fff; width: 100%; margin-bottom: 20px; position: relative; z-index: 1000; font-family: 'Roboto Condensed', Helvetica, Times New Roman, sans-serif; transition-duration: 0.7s, 0.7s !important; -webkit-transition-duration: 0.7s, 0.7s !important; /* Safari */ }


.headerContent { margin-right: auto; margin-left: auto; position: relative; }


@media (max-width:991px) {
 .headerContent { padding-left: 15px; padding-right: 15px; }
}


@media (min-width:768px) {
 .headerContent { width: 750px; }
}


@media (min-width:992px) {
 .headerContent { width: 940px; }
}


@media (min-width: 1200px) {
 .headerContent { width: 1140px; }
}




#logo { /* position: absolute; */ /* top: 50px; */ /* left: 0; */ padding-bottom: 44px; padding-top: 69px; min-height: 170px; }


#logo img { max-width: 100%; }


#back-to-top { position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none; }


#back-to-top a { display: block; width: 40px; height: 40px; background: #8d48ab url(images/backtotop.png) no-repeat center center; text-indent: -9999px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; }


#back-to-top a:hover { background-color: #8d48ab; }


.header-links { position: absolute; top: 11px; }


.header-links ul { }


.header-links li { display: inline-block; }


.header-links li .fa { margin-right: 3px; }


.header-links li,
.header-links li a { color: #464646; }


.header-links li a { padding: 12px 15px 12px 0; }


.header-links li a:hover,
.header-links li a:focus,
.header-links li.active a { background: none; color: #8d48ab; }


/* Currency & Languages Drop Down Styles Starts */


.header-top .btn-link { color: #fff; text-decoration: none; margin: 4px 0 0 0; }


.header-top .open .btn-link { color: #8d48ab; }


.header-top .btn-link i.fa { margin-left: 5px; }


.welcome { position: absolute; right: 0; top: 0; line-height: 44px; color: #464646; }


.welcome a { color: #464646; display: inline-block; padding: 0 7px; }


.welcome a:hover { color: #8d48ab; }


.welcome ul li { float: left; margin-right: 0px; }


.usernav { display: none; }


.usernav ul { }


.usernav ul li { float: left; line-height: 40px; padding-left: 10px; padding-right: 10px; }


.usernav ul li a { color: #606060; }


.usernav ul li a:hover { color: #8d48ab; }


.mycart { background: url(images/sepetimBg.png) no-repeat 0 0 #f7f7f7; position: absolute; top: 81px; right: 0; width: 197px; height: 45px; z-index: 13000; text-align: center; }


.mycart > a { background: url(images/mycartOk.png) no-repeat center right transparent; display: block; line-height: 45px; color: #565656; text-indent: 10px; width: 95%; display: inline-block; }


.mycart > a span { margin: 0 3px; }


.mycart:hover .CartProduct { display: block !important; }


.CartProduct { background-color: #fff; position: absolute; width: 100%; top: 45px; right: 0px; color: #565656; }


.CartProduct ul.SProduct { width: 100%; float: left; border-bottom: 0; }


.CartProduct ul li { width: 96%; margin-left: 2%; margin-right: 2%; float: left; }


.CartProduct ul.SProduct li:hover { }


.CartProduct ul.SProduct li:hover a { }


.CartProduct ul.SProduct li a { background: none !important; margin: 0; padding: 5px 0; margin-bottom: 5px; width: 100%; display: block; color: #565656; overflow: hidden; border-bottom: 1px solid #54575b; }


.CartProduct ul.SProduct li a img { max-height: 30px; max-width: 30px; min-height: 30px; min-width: 30px; border-radius: 4px; float: left; }


.CartProduct ul.SProduct li a p { float: left; margin-left: 1%; display: block; overflow: hidden; color: #565656; text-align: left; }


.SepettopAd { width: 60%; color: #565656; }


.SepettopAd span { line-height: 21px; }


.SepetTopAdet { font-size: 11px; }


.SPrice { color: #565656; }


.SPrice li { text-align: right; }


.SPrice li { }


.CartProduct ul .SProductA a p { line-height: 40px; width: 100%; }




.searchContent { top: 81px; height: 47px; position: absolute; right: 293px; width: 260px; z-index: 10000; }




.ButtonMic { border: 0; background-color: transparent; vertical-align: middle; margin-top: 0px; position: absolute; top: 7px; right: 30px; z-index: 10; }


#txtbxArama { background: #ffffff; border: solid #cccccc; border-width: 1px 0 1px 1px; color: #878a8c; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 213px; height: 45px; margin: 0 !important; padding: 0; position: absolute; left: 0; line-height: 46px; top: 0; text-indent: 15px; font-family: 'Roboto Condensed', sans-serif; }


#txtbxArama:focus { box-shadow: none; }


.rsbButton { width: 49px; height: 45px; position: absolute; right: 0; top: 0; font-size: 0; border: 0; display: block; cursor: pointer; background: url(images/rsbButton.png) no-repeat 0 0 transparent; }
/* ------------------------------------Navigation--------------------------------------------*/
.navigation { width: 100%; height: 50px; background-color: #8d48ab; }


.mobileNav { display: none; }


@media (max-width:991px) {
 .mobileNav { width: 100%; display: block; height: 50px; line-height: 50px; text-indent: 15px; color: #fff; }


 .btn-toogle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; color: #fff; }


 .btn-toogle i { display: block; }


 .btn-toogle:hover { color: #fff; }


 .navigation { min-height: 50px; height: auto; }


 .navigation ul { display: none; position: relative !important; }


 .navigation ul li { float: none !important; display: block !important; text-align: left !important; }


 .navigation ul li i { position: absolute; right: 15px; top: 15px; color: #fff; }


 .navigation ul li a { width: 86%; }


 .navigation ul ul { float: none !important; text-align: left !important; left: auto !important; top: auto !important; }
}


/* ------------------------------------Navigation2--------------------------------------------*/


ul.HeaderMenu2 { margin: 0px auto; text-align: center; position: absolute; }


ul.HeaderMenu2 ul { display: none; }


ul.HeaderMenu2 li { float: left; position: relative; display: block; border-right: 1px solid #9a5cb4; }


ul.HeaderMenu2 > li:hover { background: #6d3784; }


ul.HeaderMenu2 > li:hover > a { color: #fff; }


ul.HeaderMenu2 li:hover ul.HeaderMenu2 > li a { text-decoration: underline; }


ul.HeaderMenu2 li:hover > ul { display: block; }


ul.HeaderMenu2 li a { padding: 15px; line-height: 20px; color: #fff; font-size: 14px; display: block; font-family: "Roboto Condensed",sans-serif; }




ul.HeaderMenu2 ul { padding: 0; background: #6d3784; border-top: none; position: absolute; z-index: 13; top: 50px; min-width: 200px; }


ul.HeaderMenu2 ul li { float: none; position: relative; margin-top: 0; text-align: left; border: none; }






ul.HeaderMenu2 ul li a { color: #fff; padding-top: 6px; padding-bottom: 6px; }


ul.HeaderMenu2 ul li:hover { background: #522963; text-decoration: none; }


ul.HeaderMenu2 ul ul { position: absolute; left: 100%; top: 0; min-width: 200px; display: none; }


@media (min-width:991px) {


    ul.HeaderMenu2 > li:nth-last-child(-n+4) ul ul { right: 100%; left: auto; }
}


/* ------------------------------------    Header      --------------------------------------------*/

<i class="fa fa-home"></i>

Yukarıdaki kodu da buton ya da link olan ANA SAYFA yazısından hemen öncesine yapıştır.

Teşekküğr ederim ancak burda yemiyo, menü alanında kod çalışmıyor. Sadece css den yönlendirerek yapman gerekiyo. Yani en azından öyle dediler. Ben onu denedim

aldığınız sistem giydirme yapışanilir bir sistem. daha önce BilgiNet de çalıştım büyük ihtimalle mantık aynıdır html yapısına ulaşamıyor musunuz sitenin

Yok, adamlar sadece .CSS ve .JS düzenlemeye yetki veriyorlar. CSS ile komple temayı yeniden yapılandırabilirsiniz diyolar. HTML alanı olsa üç beş bende birşeyler yaparım ama yok