cover_block.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <div class="bx-base-profile-cover-block-wrapper">
  2. <div class="bx-base-pofile-cover-wrapper __class__ bx-def-centered bx-def-box-sizing">
  3. <div class="bx-base-pofile-cover bx-def-cover-color-bg bx-def-box-sizing <bx_if:show_clickable>bx-lnk-cnt</bx_if:show_clickable>">
  4. <a href="__content_url__" class="bx-lnk-src hidden"></a>
  5. <bx_if:show_cover>
  6. <div class="bx-base-pofile-cover-image __add_class__">
  7. <p class="bx-base-pofile-cover-image bx-def-box-sizing flex justify-center items-center">
  8. <img alt="" class="bx-base-pofile-cover-image h-full object-cover bg-cover w-full __img_class__ bx-image-edit-source-__unique_id__" style="background-image:url(__cover_url__);__cover_settins__" src="<bx_icon_url:spacer.gif />"/>
  9. </p>
  10. </div>
  11. </bx_if:show_cover>
  12. <div class="bx-base-pofile-cover-info">
  13. <div class="bx-base-pofile-ci-cnt bx-def-padding-leftright">
  14. <bx_if:show_avatar>
  15. <div class="bx-base-pofile-cover-thumb __add_class__">
  16. <a class="bx-base-pofile-cover-thumb" href="javascript:" <bx_if:is_avatar>onclick="$('#__picture_popup_id__').dolPopupImage('__picture_url__', $(this).parent()); event.stopPropagation();"</bx_if:is_avatar>>
  17. <img alt="__title_attr__" class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 __img_class__ bx-image-edit-source-__unique_id__" src="__ava_url__" <bx_if:show_ava_letter> style="display:none" </bx_if:show_ava_letter> />
  18. <p class="bx-base-pofile-unit-thumb bx-def-ava-big bx-def-ava-big-size flex items-center justify-center box-border m-0 rounded-full ring-4 mx-auto ring-white dark:ring-gray-900 text-white font-bold text-5xl __img_class__-placeholder" style="background-color:rgba(__color__);<bx_if:show_ava_image>display:none</bx_if:show_ava_image>" >__letter__</p>
  19. </a>
  20. <bx_if:show_online>
  21. <div class="bx-base-pofile-unit-online"></div>
  22. </bx_if:show_online>
  23. __picture_tweak__
  24. </div>
  25. </bx_if:show_avatar>
  26. </div>
  27. <div class="bx-base-pofile-cover-user bx-def-margin-sec-topbottom">
  28. <div class="bx-base-profile-cover-title-bages">
  29. <bx_if:show_title_as_tag>
  30. <h1 class="bx-def-unit-info">__title__</h1>
  31. </bx_if:show_title_as_tag>
  32. <bx_if:show_title_as_text>
  33. <div class="bx-def-unit-info bx-def-font-h1">__title__</div>
  34. </bx_if:show_title_as_text>
  35. <div class="bx-base-profile-cover-bages bx-base-bages-container">__badges__</div>
  36. </div>
  37. <div class="bx-base-pofile-cover-actions bx-def-padding-sec-leftright bx-def-box-sizing" onclick="event.stopPropagation();">__action_menu__</div>
  38. <bx_if:show_text>
  39. <div class="bx-def-padding-leftright bx-def-padding-sec-bottom bx-def-unit-desc">__text__</div>
  40. </bx_if:show_text>
  41. </div>
  42. __show_data__
  43. </div>
  44. __cover_tweak__
  45. </div>
  46. </div>
  47. __picture_popup__
  48. </div>
  49. __additional_code__