Pagina 1 van 2
Moderatie knoppen aanpassen
Geplaatst: 13 jan 2015, 16:47
door Joost01
Hoi Hoi,
Ik had een vraag, ik wil graag de standaard moderatie knoppen uit mijn layout aanpassen naar die van Pro Silver en dan met een groene gloed inplaats van blauw.
Ik weet dat ik voor het aanpassen in de
styles/pbwow3/theme/custom.css
moet zijn. Hoop dat iemand mij kan helpen hiermee ben niet zo thuis in codes.

Re: Moderatie knoppen aanpassen
Geplaatst: 13 jan 2015, 19:31
door El torro
De icons vind je in styles/prosilver/theme/images/icons_butons.png
maar wil je die aanpassen?
of wat bedoel je met gloed?
Re: Moderatie knoppen aanpassen
Geplaatst: 13 jan 2015, 19:48
door Joost01
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?
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.
Met de gloed bedoel ik dat als je met je muis over een knop gaat dat je een hover kleur krijgt in het geval van prosilver is die blauw ik wil die in het groen.

Re: Moderatie knoppen aanpassen
Geplaatst: 13 jan 2015, 20:29
door El torro
Dan de icons_butons.png van prosilver met een fotobewerker een groene kleur geven en verwisselen met die van jouw stijl.
Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 18:56
door Joost01
De maker heeft me verteld dat je CSS files moet aanpassen en dan gaf hij me
deze link.
Kan iemand mij helpen hiermee, ik wil graag de knoppen uit me layout vervangen door die van Pro Silver deze zijn overzichtelijker.
Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 19:38
door El torro
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.
Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 19:46
door Joost01
Het gaat niet om de forum iconen maar om de knopjes
bewerk,
verwijder,
rapporteer ,
Informatie en
quote knop.
Bovenste zijn mijn iconen op mijn forum die wil ik vervangen met de standaard iconen.

Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 19:51
door El torro
Deze dan
styles/prosilver/theme/images/icons_button.png
Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 19:56
door Joost01
El torro schreef:Deze dan
styles/prosilver/theme/images/icons_button.png
Juist, mijn iconen zitten in de css verwerkt kan de iconen zelf dus niet vinden in me mapje.

Dit is een uitleg van de maker hoe ik wel de icoontjes kan wijzigen:
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 your
custom.css
.quote-icon:before { content: "\f1d7"; }
Ze zitten gelinkt aan FontAwesome dus vrees dat er als nog dingen aangepast moeten worden alleen zou ik niet weten wat..

Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 20:11
door El torro
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.

Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 20:26
door Joost01
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.

Klopt die vijf, kun je me daarbij helpen met wat ik zou moeten aanpassen?

Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 20:51
door El torro
Ik zou met een fotobewerkingsprogramma de knopjes in het oorspronkelijke plaatje zetten.
Denk dat dat het minste werk is
Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 20:53
door Joost01
El torro schreef:Ik zou met een fotobewerkingsprogramma de knopjes in het oorspronkelijke plaatje zetten.
Denk dat dat het minste werk is
Tja zou kunnen maar heb liever gewoon codes aanpassen geen idee in welke files alles zit verwerkt? Heb zeker weer een moeilijke layout gekozen. xD

Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 21:06
door El torro
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.
Re: Moderatie knoppen aanpassen
Geplaatst: 11 feb 2015, 21:10
door Joost01
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.
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..

Re: Moderatie knoppen aanpassen
Geplaatst: 20 feb 2015, 11:18
door Joost01
Ik heb het een paar dagen geleden voor elkaar gekregen alleen de plaatjes van de
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

Re: Moderatie knoppen aanpassen
Geplaatst: 22 feb 2015, 22:49
door Joost01
*Bump*
Welke CSS moet ik toevoegen om ervoor te zorgen dat de plaatjes werken in de knopjes is beetje vervelend zonder plaatjes. xD

Re: Moderatie knoppen aanpassen
Geplaatst: 25 feb 2015, 16:15
door Joost01
Een maatje van me heeft me vandaag geholpen met de css maar hem lukt het ook niet wat we ook proberen.
Nu hebben we besloten om eigen plaatjes toe te voegen helaas wilt dat ook niet..
Dit is de css nu:
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; }
Ik heb me eigen plaatjes geupload naar hier:
styles/pbwow3/theme/images/knoppen
http://hpmagicworld.nl/styles/pbwow3/th ... bewerk.png
http://hpmagicworld.nl/styles/pbwow3/th ... citeer.png
http://hpmagicworld.nl/styles/pbwow3/th ... rmatie.png
http://hpmagicworld.nl/styles/pbwow3/th ... orteer.png
http://hpmagicworld.nl/styles/pbwow3/th ... wijder.png
http://hpmagicworld.nl/styles/pbwow3/th ... rschuw.png
Wat voor css zorgt ervoor dat me eigen plaatjes nu zichtbaar worden?

Re: Moderatie knoppen aanpassen
Geplaatst: 25 feb 2015, 16:28
door El torro
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?
Re: Moderatie knoppen aanpassen
Geplaatst: 25 feb 2015, 16:55
door Joost01
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?
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.
