Skocz do zawartości
  • Zarejestruj się
Spanner

Hooki i pluginy: (SD) Full Profile CSS Customization

Polecane posty

(SD) Full Profile CSS Customization


Opis: Hook pozwala na dostosowanie stylów CSS wyglądu profilu.

Description: Hook allows customization of CSS styles in profile view

 

Licencja na aplikację

Licencja udzielana jest bezterminowo


 

  • Like 2

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

A byłaby możliwość, dodania do tego edycji również HTML profilu? :)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Pewnie tak :) pomyślimy o tym w kolejnej wersji

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Mam pytanie:

Gdy dodamy kod html np. <h1>Cześć</h1>

Pojawi się on pod "O mnie", czy zlikwiduje wszystko i doda tą funkcje?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Jak dodasz ten kod to pojawi się on nad przyciskiem edytuj profil

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Jeszcze lepiej :)

 

Już czekam na dostęp do konta i kupuje.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Can you include code of a profile already customized that we can use as a template?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

This is dificult, because everyone wants a diferent look :)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Yes, that's why I said just a basic profile.  So people who are not css savvy can edit and learn how to make their own. I thought their was going to be a template like how you showed the example picture in the IPB MarketPlace.

 

By basic I mean a profile showing how it is now but in css and or html. Showing the default profile but the whole profile in css and or html would be nice.

 

Like when I edit my profiles on other sites. They have a basic css profile you can edit for advanced users. The basic profile is the same as the default but written out completely in css.

 

I think more would buy this if example profiles where available.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

You can use:

<style type='text/css'>#content { background: #F0F !important; font-size: 3em !important; }</style>

or

<style type="text/css">
.gsNormal {
    background: #E6E6E6
}

.gsPremiumGOLD {
    background: #FFE100;
    color: black
}

.gsPremium {
    background: #F1F2EB;
    color: black
}

#ipbwrapper {
    background: url('http://i.imgur.com/HosJPQf.jpg') fixed no-repeat;
    background-: center;
    background-size: 100%;
    color: #ffffff;
}

.message {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.message.error {
    background-color: rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

a:hover {
    color: #ffffff;
}

.info dd {
    color: #ffffff;
}

.info dt {
    color: #ffffff;
}

#user_.menu_active {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

#inbox_.menu_active {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

#notify_.menu_active {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

a:-webkit-any- {
    color: #ffffff;
}

.ipsHeaderMenu {
    background: rgba(0, 0, 0, 0.3);
}

.popupInner h3 {
    color: #ffffff;
    background: transparent;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0px 0px 0 #528CBC;
    -moz-box-shadow: inset 0px 0px 0 #ffffff;
    box-shadow: inset 0px 0px 0 #ffffff;
    box-shadow: inset 0px 0px 0 #ffffff;
    border-color: transparent;
}

.status_update {
    background-color: rgba(0, 0, 0, 0.1);
}

.bbc_url,.bbc_email {
    color: #ffffff;
}

pre.prettyprint { /*Code*/
    padding: 5px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.3);
    overflow: auto;
    margin-left: 10px;
    font-size: 11px;
    line-height: 140%;
}

.maintitle {
    color: #ffffff;
    background: transparent;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0px 0px 0 #ffffff;
    -moz-box-shadow: inset 0px 0px 0 #ffffff;
    box-shadow: inset 0px 0px 0 #ffffff;
    box-shadow: inset 0px 0px 0 #ffffff;
    border-color: transparent;
}

#user_latest_status {
    background: transparent;
    padding-left: 11px;
}

p.posted_info {
    color: #ffffff;
}

.post_block.no_sidebar {
    background-color: rgba(0, 0, 0, 0.1);
}

.post_block h3 {
    background-color: rgba(0, 0, 0, 0.2);
}

.post_body .post {
    color: # ffffff;
}

.post_block {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

table.ipb_table td {
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.userpopup dl {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 10px;
    margin-bottom: 4px;
}

.header {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.desc {
    color: #ffffff;
}

.desc.blend_s a {
    color: #ffffff;
}

.row2 {
    background-color: rgba(0, 0, 0, -0.1);
    color: #ffffff;
}

.row1 {
    background-color: rgba(0, 0, 0, -0.1);
    color: #ffffff;
}

table.ipb_table {
    background-color: rgba(0, 0, 0, 0.1);
}

table.ipb_table td {
    background-color: rgba(0, 0, 0, 0.1);
}

.ipsType_pagetitle {
    color: #ffffff;
}

.ipsType_subtitle {
    color: #ffffff;
}

#content {
    background-color: rgba(0, 0, 0, 0.0);
    padding: 10px 10px;
    line-height: 120%;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.0);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.0);
}

.ipsPad {
    background-color: rgba(0, 0, 0, 0.0);
    padding: 10px 10px;
    line-height: 120%;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.0);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.0);
}

#primary_nav {
    background-color: transparent;
}

#primary_nav a {
    background-color: rgba(0, 0, 0, 0.2);
}

#primary_nav {
    background-color: rgba(0, 0, 0, 0.2);
}

.active a {
    background-color: rgba(0, 0, 0, 0.2);
}

#primary_nav a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

#primary_nav a.menu_active {
    background-color: rgba(0, 0, 0, 0.1);
}

#primary_nav .active a:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.popupInner {
    background-color: rgba(0, 0, 0, 0.3);
}

#branding {
    background: transparent;
    border-bottom-color: transparent;
}

#user_latest_status>div {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.ipsLayout_smallleft.ipsLayout_withleft {
    background-color: transparent;
}

.ipsVerticalTabbed_tabs li.active a {
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    color: #ffffff;
    width: 133px;
}

.ipsList_inline {
    text-align: center
}

.ipsVerticalTabbed_tabs li a {
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #ffffff;
}

.ipsVerticalTabbed_tabs li {
    background-color: rgba(0, 0, 0, 0.2);
    border-bottom-color: transparent;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-bottom: 1px;
}

.ipsVerticalTabbed_tabs li a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

.general_box {
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-image: initial;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: rgba(0, 0, 0, 0.1);
}

.general_box h3 {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.bar {
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.ipsBox_container {
    background-color: rgba(0, 0, 0, 0.0);
    border: none;
}

.ipsBox {
    background-color: rgba(0, 0, 0, 0.0);
    border: none;
}

.ipsVerticalTabbed_tabs {
    border: none;
}

.ipsVerticalTabbed_tabs>ul {
    border-top: none;
    border-left: none;
}

.gsPremiumGOLD {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.reputation.positive {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.gsPremium {
    background-color: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.desc.lighter.blend_s a {
    color: #ffffff;
}

.desc.lighter {
    color: #ffffff;
}

.ipsLayout_largeright.ipsLayout_withright {
    background-color: transparent;
}

.breadcrumb {
    color: #ffffff;
}

.ipsButton_secondary a {
    color: #ffffff;
}

.ipsButton_secondary:hover {
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0.4);
}

.ipsButton_secondary {
    background: rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, #rgba(0, 0,
        0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0
        , 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
    border: 1px solid rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0px 1px 0
        rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0px 1px 0
        rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1) inset, 0px 1px 0
        rgba(0, 0, 0, 0.1);
    color: #ffffff;
}

a {
    color: #ffffff;
}

#search_options {
    color: #000000;
}

.unread {
    background-color: rgba(0, 0, 0, 0.0);
}

.ipsType_sectiontitle {
    color: #ffffff;
}

.row_data span {
    padding-left: 12px;
    background:
        url("http://net4game.com/public/style_images/master/bullet_star.png")
        no-repeat scroll left;
}

p.citation {
    border-left: 2px solid rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0,
        rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0
        , 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    border-top: 2px solid rgba(0, 0, 0, 0.3);
    border-right: 2px solid rgba(0, 0, 0, 0.3);
}

div.blockquote {
    background: rgba(0, 0, 0, 0.1);
    font-size: 12px;
    padding: 10px;
    border-left: 2px solid rgba(0, 0, 0, 0.2);
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

#search_options {
    color: #7BA60D;
}
</style>

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Witam, spostrzegłem może nie lukę, ale utrudnienie dla administratorów forum, a jest to możliwość używania tagów <media> i kilka innych. Czy mógłbym prosić o naprawienie tego lub naprowadzenie mnie na to? Próbowałem zrobić to tak jak w PHPie, ale nie mogę sobie z tym poradzić. Prosiłbym o gotowy kod. Pozdrawiam.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

W ACP możesz ustawić w jakiej sekcji forum dany tag ma działać.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Tylko, że to textarea, nie edytor IP.B, w tym problem, jedynie co to chyba w kodzie da się to zablokować. :)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Myślisz o czym innym. Ten hook dodaje możliwość dostosowania swojego profilu HTML/CSS, można dodawać np. <h1> ale i również <media, przy którym można przekierować na swoją stronę. Rozumiesz? :)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Trzeba by zrobić blacklistę tagów niedozwolonych i tyle... jak znajdę czas to dodam

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Witam, nadal czekam na nową wersję (z blacklistą tagów), już trochę minęło, a aktualizacji brak. Do tej pory musiałem działać na samej edycji CSS (okroiłem HTML). Jest to trudne, gdyż użytkownicy domagają się również edycji HTML, ale bez blacklisty tagów się nie obejdzie (nie wiadomo kiedy ustawią przekierowanie, nie będę śledził każdego profilu).

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Postaram się jakoś na dniach zrobić nową wersję

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Witam, nadal czekam na nową wersję (z blacklistą tagów), już trochę minęło, a aktualizacji brak. Do tej pory musiałem działać na samej edycji CSS (okroiłem HTML). Jest to trudne, gdyż użytkownicy domagają się również edycji HTML, ale bez blacklisty tagów się nie obejdzie (nie wiadomo kiedy ustawią przekierowanie, nie będę śledził każdego profilu).

Wgrane

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Wgrane

Dzięki, że tak szybko, ale z tego co widze brakuje bitu w stylu.

Error: Could not load template 'customHtmlCss' from group 'ucp'

Przejrzałem kod i rzeczywiście, nigdzie nie ma templatki.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

hmm, to zaraz sprawdzę, chyba się odznaczyło przy eksporcie

 

Edit. poprawione

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Po ustawieniu kodu:

<style type='text/css'> body { background: #000; font-size: 2em } </style>

 

wyświetla się nowa strona (sam html) z treścią:

array(2) {
[0]=>
string(4) "meta"
[1]=>
string(6) "script"
}

 

 

Przy samym zapisie również się to wyświetla.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Specjalnie psujesz :P

 

Wgrałem nową wersję

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się

  • Podobna zawartość

    • Przez Spanner
      Opis: Hook pozwala na dostosowanie stylów CSS wyglądu profilu.
      Description: Hook allows customization of CSS styles in profile view
       
      Licencja na aplikację
      Licencja udzielana jest bezterminowo
  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

W celu świadczenie usług przez nasz Serwis na najwyższym poziomie, w ramach Serwisu wykorzystujemy pliki Cookies (tzw. ciasteczka). Korzystając ze stron Serwisu IPSBEYOND.PL bez zmiany ustawień przeglądarki będą one zapisane w pamięci urządzenia. Jeżeli nie dokonacie Państwo zmiany ustawień przeglądarki internetowej to wyrażacie zgodę na zapisywanie plików Cookies.