Quantcast
Channel: Active questions tagged html - Stack Overflow
Viewing all articles
Browse latest Browse all 74846

How can I have different logo on different pages of my site using HTML and CSS?

$
0
0

Here is the HTML code for my website that the same logo is visible for all other pages, It's been using as a global logo or common logo in my website-

<div th:fragment="page-common">
    <div class="page-top" th:classappend="${session.get('leftMenuCollapsed') != null && session.get('leftMenuCollapsed') == 'true' ? 'collapsed' : ''}">
        <div class="row">
            <div class="page-title col-6 col-sm-8">
                <div class="page-top-icon"></div>
                <div class="page-top-title">
                    <span th:text="${title}"></span>
                </div>
            </div>
            <div class="col-6 col-sm-4 page-title-right">
                <div class="btn-group">
                    <a role="button" class="dropdown-toggle" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false"> <span
                        class="profile-name">[[${#request.userPrincipal.principal.firstName}]]
                            [[${#request.userPrincipal.principal.lastName}]]</span> <span
                        class="profile-info"> <img
                            th:if="${#request.userPrincipal.principal.userProfilePicture}"
                            class="profile-logo"
                            th:src="|/inline-images/get- 
                           image/${#request.userPrincipal.principal.userProfilePicture.imageFileId}|">
                            <span
                            th:unless="${#request.userPrincipal.principal.userProfilePicture}"
                            class="profile-initials profile-border"
                            th:text="${#strings.substring(#request.userPrincipal.principal.firstName,0,1) 
                        #strings.substring(#request.userPrincipal.principal.lastName,0,1)}">
                        </span>
                    </span>

The HTML code given below that I want to use a different logo in this page. Any help would be really great. Thank you in advance.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
    xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head th:replace="fragments/head :: head(title='New Proposal')"></head>
<body>
    <div
        th:replace="fragments/page-common :: div(title='Proposals', current='newProposal')"></div>

    <div class="main-content create-proposal">
        <div
            th:replace="/create-proposal/status-menu :: div(status=1, 
                strategyName=${proposal.strategy != null ? proposal.strategy.strategyName : null})">
        </div>

        <form class="form-horizontal" id="proposal-client-setup-form"
            method="post" th:object="${proposal}"
            onsubmit="return formValidation()">
            <input name="proposalType"
                th:value="${proposal.proposalType != null ? proposal.proposalType : 'regular'}"
                type="hidden" />
            <div class="create-form-body">
                <div class="form-group row">
                    <div class="col">
                        <p class="details-label">
                            Proposal details <span th:if="${proposal.proposalId}"
                                class="right"> Proposal ID [[${proposal.proposalId}]] </span>
                        </p>
                    </div>
                </div>

Viewing all articles
Browse latest Browse all 74846

Latest Images

Trending Articles



Latest Images

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>