styles/pbwow3/theme/custom.css moet zijn. Hoop dat iemand mij kan helpen hiermee ben niet zo thuis in codes. 
Ik wil de buttons toevoegen aan de wildstar layout die knoppen die er nu in staan moeten eruit en wil ik vervangen hebben met die van prosilver.El torro schreef:De icons vind je in styles/prosilver/theme/images/icons_butons.png
maar wil je die aanpassen?
of wat bedoel je met gloed?
Het gaat niet om de forum iconen maar om de knopjes bewerk, verwijder, rapporteer , Informatie en quote knop.El torro schreef:Vervang deze
http://hpmagicworld.nl/styles/pbwow3/th ... e_read.png
door deze
http://hpmagicworld.nl/styles/prosiver/ ... e_read.png
En dat doe je met alles wat je wilt vervangen.
Dus gewoon met ftp en niet is de stylesheet.
Juist, mijn iconen zitten in de css verwerkt kan de iconen zelf dus niet vinden in me mapje.El torro schreef:Deze dan
styles/prosilver/theme/images/icons_button.png
Ze zitten gelinkt aan FontAwesome dus vrees dat er als nog dingen aangepast moeten worden alleen zou ik niet weten wat..PayBas schreef:The icons you see are generated by FontAwesome, and defined here: https://github.com/PayBas/PBWoW3style/b ... 2766-L2772
If you want to change the icon, you can change the unicode value to any other icon you like. You can use the cheatsheet to see all codes quickly.
So if for example you want to change the "quote" icon, you would add this to yourcustom.css
.quote-icon:before { content: "\f1d7"; }
Klopt die vijf, kun je me daarbij helpen met wat ik zou moeten aanpassen?El torro schreef:Dus je wilt alleen die vijf vervangen?
En niet de rest uit die icons_button.png ?
Indien dat het geval is heb je inderdaat wel wat werk.
Tja zou kunnen maar heb liever gewoon codes aanpassen geen idee in welke files alles zit verwerkt? Heb zeker weer een moeilijke layout gekozen. xDEl torro schreef:Ik zou met een fotobewerkingsprogramma de knopjes in het oorspronkelijke plaatje zetten.
Denk dat dat het minste werk is
Aha snap ik, maar die wijzigingen zou ik dan in een bestand kunnen opslaan voor me zelf dat ik dat weer terug kan zetten zoals ik het had staan zou het fijn vinden deze knoppen die er nu staan vind ik niet erg duidelijk genoeg en wat er nu ingebouwd zit kun je niet eenvoudig aanpassen..El torro schreef:De files aanpassen is enorm lastig omdat je met css naar het juiste gedeelte van het plaatje wordt geleid.
Je moet dat er dan allemaal uitslopen en naar aparte plaatje laten verwijzen.
En bij de volgende style updates kun je dat weer allemaal uit gaan zoeken.
icons_button.png zijn er nog niet wat voor CSS moet ik toevoegen hiervan want hier kwam ik niet uit heb het plaatje in de map pbwow3/theme/images heel handig met css ben ik niet maar ben wel al een end op weg. xD Code: Selecteer alles
/* Icon images
--------------------------------------------- */
.small-icon {
background: none !important;
padding: 0;
position: relative;
}
.small-icon > a {
padding-left: 0 !important;
padding-right: 0 !important;
}
.small-icon > a:before,
#top-bar .small-icon:before,
.profile-context .user-icons a:before {
display: inline-block;
font-family: FontAwesome;
color: #888;
text-shadow: 0 0 5px #000;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: inherit;
text-decoration: none;
padding-right: 3px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.small-icon > a:hover:before {
color: #FFF;
text-shadow: 0 0 16px #009CFF;
}
.dropdown-contents .small-icon > a:before {
width: 1.28571em;
text-align: center;
}
#top-bar .small-icon:before,
#top-bar .small-icon.link > a:before {
color: inherit;
padding-right: 5px;
}
.icon-acp > a:before { content: "\f085"; }
.icon-boardrules > a:before { content: "\f03a"; }
.icon-bookmark > a:before { content: "\f02e"; }
.icon-bump > a:before { content: "\f102"; }
.icon-contact > a:before { content: "\f003"; }
.icon-delete-cookies > a:before { content: "\f1f8"; }
.icon-download > a:before { content: "\f019"; }
.icon-faq > a:before { content: "\f059"; }
.icon-home > a:before { content: "\f015"; }
.icon-logout > a:before { content: "\f011"; }
.icon-mark:before { content: "\f046"; }
.icon-mark-read > a:before { content: "\f046"; }
.icon-mcp > a:before { content: "\f0e3"; }
.icon-members > a:before { content: "\f0c0"; }
.icon-newspage > a:before { content: "\f0a1"; }
.icon-notification > a:before { content: "\f0f3"; }
.icon-pages > a:before { content: "\f0c5"; }
.icon-pm > a:before { content: "\f01c"; }
.icon-print > a:before { content: "\f02f"; }
.icon-profile > a:before { content: "\f007"; }
.icon-register > a:before { content: "\f044"; }
.icon-restore-permissions > a:before { content: "\f079"; }
.icon-search > a:before { content: "\f002"; }
.icon-search-advanced > a:before { content: "\f1de"; }
.icon-search-self > a:before { content: "\f007"; }
.icon-search-unanswered > a:before { content: "\f1ae"; }
.icon-search-unread > a:before { content: "\f06e"; }
.icon-search-new > a:before { content: "\f0e7"; }
.icon-search-active > a:before { content: "\f0e6"; }
.icon-sendemail > a:before { content: "\f0e0"; }
.icon-subscribe > a:before { content: "\f046"; }
.icon-team > a:before { content: "\f132"; }
.icon-ucp > a:before { content: "\f013"; }
.icon-unsubscribe > a:before { content: "\f147"; }
.icon-view > a:before { content: "\f06e"; }
.post-buttons {
float: right;
list-style: none;
margin-top: 2px;
}
.has-profile .post-buttons {
float: none;
position: absolute;
margin: 0;
right: 0;
top: 5px;
}
.post-buttons > li {
float: left;
margin-right: 3px;
}
.post-buttons .icon-button {
padding: 0 5px;
}
.hastouch .post-buttons .icon-button {
padding: 2px 8px;
}
.post-buttons .icon-button span {
display: block;
height: 0;
overflow: hidden;
position: absolute;
width: 1px;
}
.post-buttons .icon-button {
height: 18px;
font-size: 13px;
border: 1px solid #C7C3BF;
border-radius: 4px;
font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
background: transparent none 0 0 repeat-x;
background-color: #FFFFFF;
background-image: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
background-image: -webkit-linear-gradient(top, #FFFFFF, #E9E9E9);
background-image: -o-linear-gradient(top, #FFFFFF, #E9E9E9);
background-image: linear-gradient(to bottom, #FFFFFF, #E9E9E9);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#E9E9E9')";
box-shadow: 0 0 0 1px #FFFFFF inset;
-webkit-box-shadow: 0 0 0 1px #FFFFFF inset;
color: #D31141;
}
.post-buttons .icon-button:hover {
border-color: #0a8ed0;
background-image: -moz-linear-gradient(top, #E9E9E9, #FFFFFF);
background-image: -webkit-linear-gradient(top, #E9E9E9, #FFFFFF);
background-image: -o-linear-gradient(top, #E9E9E9, #FFFFFF);
background-image: linear-gradient(to bottom, #E9E9E9, #FFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='#FFFFFF')";
text-shadow: 1px 1px 0 #FFFFFF, -1px -1px 0 #FFFFFF, -1px -1px 0 rgba(188, 42, 77, 0.2);
}
.report-icon:before { content: "\f06a"; color: #F40; margin-top: -5px !important; }
.warn-icon:before { content: "\f071"; color: #FFAE00; margin-top: -5px !important; }
.edit-icon:before { content: "\f044"; color: #888; margin-top: -5px !important; }
.delete-icon:before { content: "\f00d"; color: #F00; margin-top: -5px !important; }
.info-icon:before { content: "\f05a"; color: #00B6FF; margin-top: -5px !important; }
.quote-icon:before { content: "\f10d"; margin-top: -5px !important;}
.post-buttons .responsive-menu-link:before { content: "\f0c9"; color: #888; margin-top: -5px !important; }styles/pbwow3/theme/images/knoppen El torro, dat hebben we al geprobeerd maar dat werkt dus gewoon niet dit zit te complex in elkaar met andere codes´s die plaatjes willen gewoon niet zichtbaar worden dus vandaar dat ik vraag om hulp met dit.El torro schreef:Ik snap nog steeds niet waarom je niet gewoon het plaatje aanpast en het perse op deze ingewikkelde manier wilt doen?
Zeker als je er zelf niets van begrijpt?
