Skocz do zawartości
Spanner

Hooki i pluginy: (SD) Full Profile CSS Customization

Polecane posty

index.php?app=downloads&module=display&section=screenshot&id=317

Nazwa pliku: (SD) Full Profile CSS Customization

Plik Dodał: Spanner

Plik wysłano: 07 cze 2013

Kategoria pliku: Hooki i pluginy

Wersja forum: IP.Board 3.2.x

Author: Dawid Baruch (IPSBeyond.pl)

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

Description: Hook allows customization of CSS styles in profile view

Kliknij tutaj aby pobrać plik

  • Like 2

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

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

Chyba nie wiesz co piszesz, lub ja myślę o czym innym.

 

Wejdź w ten link: http://domena.pl/admin/index.php?adsess=00b9ae3a0c62cd1789342e76928d9a86&app=core&module=posts&section=bbcode&do=overview

Tylko zmień domena.pl na swoją domenę i edytuj ustawienie tego tagu.

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

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

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

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


  • Podobna zawartość

    • Przez Spanner


      Zobacz plik (SD) Bitcoin - InPay.pl - Bramka płatności
      Author: Dawid Baruch (IPSBeyond.pl)
      Opis:
      Bramka płatności do aplikacji IP.Nexus umożliwiająca dokonywanie płatności przy użyciu serwisu InPay.pl.
       
      Dodający Spanner Dodano 17.02.2017 Kategoria eCommerce  
    • Przez Spanner


      Zobacz plik Spolszczenie (SD) Company Directory 3
      Author: Dawid Baruch (IPSBeyond.pl)
      Spolszczenie aplikacji: (SD) Company Directory 3
      Dodający Spanner Dodano 28.09.2015 Kategoria Tłumaczenia aplikacji (SD)  
    • Przez Spanner


      Zobacz plik (SD) Dotpay.pl - Bramka płatności
      Author: Dawid Baruch (IPSBeyond.pl)
      Opis:
      Bramka płatności do aplikacji IP.Nexus umożliwiająca dokonywanie płatności przy użyciu serwisu Dotpay.pl.
      Dodający Spanner Dodano 04.10.2016 Kategoria eCommerce  
    • Przez Spanner


      Zobacz plik Spolszczenie (SD) My Places
      Author: Dawid Baruch (IPSBeyond.pl)
      Spolszczenie aplikacji: (SD) My Places
       
      Dodający Spanner Dodano 26.04.2016 Kategoria Tłumaczenia  
    • Przez Spanner


      Zobacz plik (SD) Newsletter
      Opis
       
      Aplikacja (SD) Newsletter pozwala na wysyłkę newslettera z naszego forum. Do newslettera zapisać się może każdy odwiedzający nasze forum, wystarczy, że poda adres e-mail i swoją nazwę.
       
      Co zyskujesz dzięki (SD) Newsletter 2?
      Wysyłanie własnych newsletterów Cykliczne newslettery Śledzenie otwarć newslettra Śledzenie kliknięć Możliwość usunięcia adresu w acp Możliwość zapisania się do konkretnego cyklicznego newslettera Możliwość tworzenia własnych bloków w cyklicznym newsletterze Możliwość reorganizacji kolejności bloków w newsletterze Możliwość stworzenia popupu zachęcającego do zapisania się do newslettera Możliwość wypisania się z konkretnego newslettera cyklicznego Możliwość ręcznego wysłania cyklicznego newslettera Zmiany w wiadomościach powitalnej i pożegnalnej Lista użytkowników zapisanych do cyklicznego newslettera Możliwość zaimportowania aktualnych odbiorców newslettera do nowego newslettera cyklicznego Możliwość wyłączenia treści w newsletterze cyklicznym (pokazywany będzie tylko tytuł treści) Kategorie newsletterów Testowa wysyłka cyklicznego newslettera Autoresponder Możliwość wypisania się z newslettera poprzez panel użytkownika Możliwość zaimportowania istniejących użytkowników Możliwość wyeksportowania subskrybentów Możliwość wyłączenia regulaminu Automatyczna wiadomość po wypisaniu się Ręczna wysyłka cyklicznego newslettera Wypisywanie się z konkretnego newslettera Możliwość edycji subskrypcji w Panelu użytkownika Możliwość włączenia Double-opt Publiczny widok newslettera  
       
      Description
       
      Application (SD) Newsletter allows to send newsletter from our community. Everyone can subscribe to our newsletter, only must enter name and email address. Application allows to create cyclic newsletter with content from community.
       
      What do you gain through the app  (SD) Newsletter 2?
      Creating and sending own custom newsletter Cyclic newsletter Track opens newsletter Track clicks Allow to delete email from ACP Allow to subscribe to specific newsletter Allow to create own custom block in cyclic newsletter Allow to reorder block Allow to create encouraging popup Allow to unsubscribe specific newsletter Allow to send manually cyclic newsletter Changes in welcome and goodbye messages Member list subscribed to newsletter type Abbility to import current subscribers to new newsletter type Abbility to turn off content in newsletter type (will show only content title) Newsletter categories Test sending newsletter type Autoresponder Abbility to unsubscribe from newsletter in user control panel Abbility to import existing members Abbility to export subscribers Abbility to turn off regulation Automatic message after unsubscribe Manual sending newsletter type Unsubscribe from a specific newsletter Ability to edit subscription in UserCP Ability to turn on Double-opt Public view newsletter  
      Dodający Spanner Dodano 09.11.2015 Kategoria Aplikacje  
  • Kto przegląda   0 użytkowników

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

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.